Various improvements (#359)

* Fix markdown paragraphs in comments
* Remove autofocus on user registration form
* Show (new) edit button for Post only to power users
* Add email address under name in Likes box

app/assets/stylesheets/components/Comments.scss

@@ -102,7 +102,8 @@
     .commentBody {
       @extend .my-2;
 
-      p { @extend .m-0; }
+      p { @extend .my-2; }
+      p:nth-child(1) { @extend .m-0; }
     }
 
     .commentFooter {

app/assets/stylesheets/components/Post.scss

@@ -63,14 +63,29 @@
 
         max-height: 170px;
         overflow-y: scroll;
+        overflow-x: hidden;
 
         .likeListItem {
           @extend
+            .d-flex,
             .p-2,
             .my-1;
-  
-          .likeListItemName {
-            @extend .ml-2;
+
+          .gravatar {
+            @extend .align-self-center;
+          }
+
+          .likeListItemUserInfo {
+            @extend
+              .d-flex,
+              .flex-column,
+              .ml-3;
+          }
+
+          .likeListItemEmail {
+            @extend .mutedText;
+
+            font-size: 13px;
           }
         }
       }

app/javascript/components/Post/LikeList.tsx

@@ -26,8 +26,11 @@ const LikeList = ({ likes, areLoading, error}: Props) => (
       {
         likes.map((like, i) => (
           <div className="likeListItem" key={i}>
-            <Gravatar email={like.email} size={28} className="gravatar" />
-            <span className="likeListItemName">{like.fullName}</span>
+            <Gravatar email={like.email} size={32} className="gravatar" />
+            <div className="likeListItemUserInfo">
+              <span className="likeListItemName" title={like.fullName}>{like.fullName}</span>
+              <span className="likeListItemEmail" title={like.email}>{like.email}</span>
+            </div>
           </div>
         ))
       }

app/javascript/components/Post/PostP.tsx

@@ -243,9 +243,11 @@ class PostP extends React.Component<Props> {
                 <PostStatusLabel
                   {...postStatuses.find(postStatus => postStatus.id === post.postStatusId)}
                 />
-                <ActionLink onClick={toggleEditMode} icon={<EditIcon />} customClass='editAction'>
-                  {I18n.t('common.buttons.edit')}
-                </ActionLink>
+                { isPowerUser &&
+                  <ActionLink onClick={toggleEditMode} icon={<EditIcon />} customClass='editAction'>
+                    {I18n.t('common.buttons.edit')}
+                  </ActionLink>
+                }
               </div>
                 
               <ReactMarkdown

app/views/devise/registrations/new.html.erb

@@ -7,7 +7,6 @@
     <div class="form-group">
       <%= f.label :full_name, class: "sr-only" %>
       <%= f.text_field :full_name,
-        autofocus: true,
         placeholder: t('common.forms.auth.full_name'),
         required: true,
         class: "form-control" %>