Adjust the clickable area of notif avatar to not contain everything below it, adjust the status avatar to not have ghost border on top/right

src/components/notifications/notifications.vue

@@ -8,9 +8,11 @@
       </div>
       <div class="panel-body base03-border">
         <div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'>
-          <a :href="notification.action.user.statusnet_profile_url">
+          <div>
-            <img class='avatar' :src="notification.action.user.profile_image_url_original">
+            <a :href="notification.action.user.statusnet_profile_url" target="_blank">
-          </a>
+              <img class='avatar' :src="notification.action.user.profile_image_url_original">
+            </a>
+          </div>
           <div class='text' style="width: 100%;">
             <div v-if="notification.type === 'favorite'">
               <h1>

src/components/status/status.vue

@@ -194,12 +194,11 @@
      }
 
      .media-left {
-         img {
+        margin: 0.2em 0.3em 0 0;
-             margin-top: 0.2em;
+        img {
-             float: right;
+          float: right;
-             margin-right: 0.3em;
+          border-radius: 5px;
-             border-radius: 5px;
+        }
-         }
      }
 
      .retweet-info {