Mastodon: layout fix and poll notification

src/services/mastodon/Client.vue

@@ -303,11 +303,13 @@ export default class Client extends Mixins<ServiceClient<Options>>(ServiceClient
     .list
       @include group-tile
       flex-grow: 1
+      overflow-y: scroll
     .statues, .notifications, .context, .emoji-list
       flex-grow: 1
       display: flex
       flex-direction: column
-      overflow-y: auto
+      overflow: inherit
+      height: 100%
     .ancestors, .descendants
       .status
         font-size: .9em

src/services/mastodon/Icons.ts

@@ -9,7 +9,8 @@ export const Notification = {
   mention: '✉',
   reblog: '⟳',
   favourite: '⚝',
-  follow: '👁'
+  follow: '👁',
+  poll: '✓'
 }
 
 export const Icons = {

src/services/mastodon/Notification.vue

@@ -1,16 +1,18 @@
 <template lang="pug">
 .notification
+
   account(:account="notification.account" :bus="bus")
+  a.date
+    | {{ fromNow(notification.created_at) }}
+    span(@click.stop.prevent="makeDismiss") {{ closeIcon }}
 
   span.colored.text-icon.letter {{ notificationTypeIcon }}
-  span.date {{ fromNow(notification.created_at) }}
 
   .content
     template(v-if="notification.type == 'follow'") Vous suit
     status.reblog(v-else-if="notification.status" :status="notification.status"
       :withAccount="notification.type != 'mention'" :bus="bus")
 
-  a.date(@click.stop.prevent="makeDismiss" style="margin-top: -1em") {{ closeIcon }}
 </template>
 
 <script lang="ts">

src/services/mastodon/Types.ts

@@ -103,7 +103,7 @@ export interface Context {
   descendants: Status[]
 }
 
-export type NotificationType = 'follow' | 'mention' | 'reblog' | 'favourite'
+export type NotificationType = 'follow' | 'mention' | 'reblog' | 'favourite' | 'poll'
 export interface Notification {
   id: number
   account: Account