Round the edge of the user profile user card, make sure 'follows you' stays in...

Round the edge of the user profile user card, make sure 'follows you' stays in the right, fix avatar class conflict.

src/components/timeline/timeline.vue

@@ -89,14 +89,6 @@
     }
   }
 
-  .avatar {
-  padding-top: 0.3em;
-  width:32px;
-  height: 32px;
-  border-radius: 50%;
-  }
-
-
   .new-status-notification {
     position:relative;
     margin-top: -1px;

src/components/user_card/user_card.vue

@@ -7,14 +7,14 @@
       <user-card-content :user="user" :switcher="false"></user-card-content>
     </div>
     <div class="name-and-screen-name" v-else>
-      <div class="user-name">{{ user.name }}</div>
-      <a href="user.statusnet_profile_url"><div class="user-screen-name">@{{ user.screen_name }}</div></a>
-    </div>
-    <span class="follows-you" v-if="!userExpanded && showFollows">
-      <div class="follows" v-if="user.follows_you">
-        Follows you!
+      <div class="user-name">
+        {{ user.name }}
+        <span class="follows-you" v-if="!userExpanded && showFollows && user.follows_you">
+            Follows you!
+        </span>
       </div>
-    </span>
+      <a :href="user.statusnet_profile_url" target="blank"><div class="user-screen-name">@{{ user.screen_name }}</div></a>
+    </div>
   </div>
 </template>
 
@@ -23,21 +23,19 @@
 <style lang="scss">
   .name-and-screen-name {
     margin-left: 0.7em;
-    min-width: 16em;
-    display:block;
     margin-top:0.0em;
     margin-right: 2em;
     text-align: left;
+    width: 100%;
   }
 
   .follows-you {
     margin-left: 2em;
-    width:-webkit-fill-available;
-    width: -moz-webkit-fill-available;
+    float: right;
   }
 
   .follows {
-    float: right;
+
   }
 
   .card {
@@ -50,6 +48,14 @@
     border-bottom: 1px solid;
     margin: 0;
     border-bottom-color: inherit;
+
+
+    .avatar {
+      margin-top: 0.2em;
+      width:32px;
+      height: 32px;
+      border-radius: 50%;
+    }
   }
 
   .usercard {

src/components/user_profile/user_profile.vue

@@ -14,6 +14,8 @@
 .user-profile {
   flex: 2;
   flex-basis: 500px;
+  padding-bottom: 10px;
+  border-radius: 10px;
 }
 
 </style>