Merge pull request #752 from amyspark/fix-sidebar-followers-layout

Fix user layout in Follow(ers) tab

src/renderer/components/Preferences/Appearance/Toot.vue

@@ -140,6 +140,7 @@ export default {
       height: 36px;
       border-radius: 4px;
       cursor: pointer;
+      display: block;
     }
   }
 

src/renderer/components/TimelineSpace/Modals/AddListMember.vue

@@ -149,6 +149,8 @@ export default {
             width: 36px;
             height: 36px;
             border-radius: 4px;
+            cursor: pointer;
+            display: block;
           }
         }
 

src/renderer/components/molecules/Toot.vue

@@ -505,6 +505,7 @@ export default {
       height: 36px;
       border-radius: 4px;
       cursor: pointer;
+      display: block;
     }
   }
 

src/renderer/components/molecules/User.vue

@@ -82,17 +82,28 @@ export default {
 .user {
   display: flex;
   box-sizing: border-box;
-  padding: 4px 12px 8px;
+  padding: 8px 12px;
   border-bottom: 1px solid var(--theme-border-color);
   cursor: pointer;
+  align-items: center;
+
+  .fa-icon {
+    font-size: 0.9em;
+    width: auto;
+    height: 1em;
+    max-width: 100%;
+    max-height: 100%;
+  }
 
   .icon {
-    display: inline-block;
+    float: left;
 
     img {
       width: 36px;
       height: 36px;
       border-radius: 4px;
+      cursor: pointer;
+      display: block;
     }
   }
 
@@ -123,14 +134,20 @@ export default {
 
     .follow {
       color: var(--theme-primary-color);
+      padding-top: 8px;
+      padding-bottom: 8px;
     }
 
     .unfollow {
       color: #409eff;
+      padding-top: 8px;
+      padding-bottom: 8px;
     }
 
     .requested {
       color: var(--theme-primary-color);
+      padding-top: 8px;
+      padding-bottom: 8px;
     }
   }
 }