1 files changed, 19 insertions, 68 deletions
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index f5f0a194..8f532747 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -1,90 +1,41 @@
 <template>
-  <status
-    v-if="notification.type === 'mention'"
-    :compact="true"
-    :statusoid="notification.status"
-  />
-  <div
-    v-else
-    class="non-mention"
-    :class="[userClass, { highlighted: userStyle }]"
-    :style="[ userStyle ]"
-  >
-    <a
-      class="avatar-container"
-      :href="notification.action.user.statusnet_profile_url"
-      @click.stop.prevent.capture="toggleUserExpanded"
-    >
-      <UserAvatar
-        :compact="true"
-        :better-shadow="betterShadow"
-        :src="notification.action.user.profile_image_url_original"
-      />
+  <status v-if="notification.type === 'mention'" :compact="true" :statusoid="notification.status"></status>
+  <div class="non-mention" :class="[userClass, { highlighted: userStyle }]" :style="[ userStyle ]" v-else>
+    <a class='avatar-container' :href="notification.action.user.statusnet_profile_url" @click.stop.prevent.capture="toggleUserExpanded">
+      <UserAvatar :compact="true" :betterShadow="betterShadow" :src="notification.action.user.profile_image_url_original"/>
     </a>
-    <div class="notification-right">
-      <UserCard
-        v-if="userExpanded"
-        :user="user"
-        :rounded="true"
-        :bordered="true"
-      />
+    <div class='notification-right'>
+      <UserCard :user="user" :rounded="true" :bordered="true" v-if="userExpanded"/>
       <span class="notification-details">
         <div class="name-and-action">
-          <span
-            v-if="!!notification.action.user.name_html"
-            class="username"
-            :title="'@'+notification.action.user.screen_name"
-            v-html="notification.action.user.name_html"
-          />
-          <span
-            v-else
-            class="username"
-            :title="'@'+notification.action.user.screen_name"
-          >{{ notification.action.user.name }}</span>
+          <span class="username" v-if="!!notification.action.user.name_html" :title="'@'+notification.action.user.screen_name" v-html="notification.action.user.name_html"></span>
+          <span class="username" v-else :title="'@'+notification.action.user.screen_name">{{ notification.action.user.name }}</span>
           <span v-if="notification.type === 'like'">
-            <i class="fa icon-star lit" />
-            <small>{{ $t('notifications.favorited_you') }}</small>
+            <i class="fa icon-star lit"></i>
+            <small>{{$t('notifications.favorited_you')}}</small>
           </span>
           <span v-if="notification.type === 'repeat'">
-            <i
-              class="fa icon-retweet lit"
-              :title="$t('tool_tip.repeat')"
-            />
-            <small>{{ $t('notifications.repeated_you') }}</small>
+            <i class="fa icon-retweet lit" :title="$t('tool_tip.repeat')"></i>
+            <small>{{$t('notifications.repeated_you')}}</small>
           </span>
           <span v-if="notification.type === 'follow'">
-            <i class="fa icon-user-plus lit" />
-            <small>{{ $t('notifications.followed_you') }}</small>
+            <i class="fa icon-user-plus lit"></i>
+            <small>{{$t('notifications.followed_you')}}</small>
           </span>
         </div>
         <div class="timeago">
-          <router-link
-            v-if="notification.status"
-            :to="{ name: 'conversation', params: { id: notification.status.id } }"
-            class="faint-link"
-          >
-            <timeago
-              :since="notification.action.created_at"
-              :auto-update="240"
-            />
+          <router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }" class="faint-link">
+            <timeago :since="notification.action.created_at" :auto-update="240"></timeago>
           </router-link>
         </div>
       </span>
-      <div
-        v-if="notification.type === 'follow'"
-        class="follow-text"
-      >
+      <div class="follow-text" v-if="notification.type === 'follow'">
         <router-link :to="userProfileLink(notification.action.user)">
-          @{{ notification.action.user.screen_name }}
+          @{{notification.action.user.screen_name}}
         </router-link>
       </div>
       <template v-else>
-        <status
-          class="faint"
-          :compact="true"
-          :statusoid="notification.status"
-          :no-heading="true"
-        />
+        <status class="faint" :compact="true" :statusoid="notification.status" :noHeading="true"></status>
       </template>
     </div>
   </div>