pleroma-fe

commit: 3ab9b477f8b5d47e043d1088db3bed8688fffb95
parent: 47ab2b51cf174bd464724a8e745a6465c4da99e2
Author: lambadalambda <gitgud@rogerbraun.net>
Date:   Sun, 20 Aug 2017 12:13:22 -0400

Merge branch 'fix/avatar-clickable-areas' into 'develop'

Adjust the clickable areas around avatars

See merge request !98
Diffstat:
M
src/components/notifications/notifications.vue
8
+++++---
M
src/components/status/status.vue
11
+++++------

2 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/src/components/notifications/notifications.vue b/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">
-            <img class='avatar' :src="notification.action.user.profile_image_url_original">
-          </a>
+          <div>
+            <a :href="notification.action.user.statusnet_profile_url" target="_blank">
+              <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>
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
@@ -194,12 +194,11 @@
      }
 
      .media-left {
-         img {
-             margin-top: 0.2em;
-             float: right;
-             margin-right: 0.3em;
-             border-radius: 5px;
-         }
+        margin: 0.2em 0.3em 0 0;
+        img {
+          float: right;
+          border-radius: 5px;
+        }
      }
 
      .retweet-info {