Feature: Improve Dashboard UI (#630)

app/javascript/dashboard/components/widgets/Avatar.vue

@@ -81,5 +81,6 @@ export default {
   align-items: center;
   justify-content: center;
   text-align: center;
+  background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
 }
 </style>

app/javascript/dashboard/components/widgets/Thumbnail.vue

@@ -11,7 +11,6 @@
       v-else
       :username="username"
       :class="thumbnailClass"
-      background-color="#1f93ff"
       color="white"
       :size="avatarSize"
     />

app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue

@@ -116,7 +116,7 @@ export default {
       }
       const key = `CHAT_LIST.ATTACHMENTS.${fileType}`;
       return `
-        <i class="${this.$t(`${key}.ICON`)}"></i>
+        <i class="small-icon ${this.$t(`${key}.ICON`)}"></i>
         ${this.$t(`${key}.CONTENT`)}
       `;
     },

app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue

@@ -12,7 +12,7 @@
           {{ chat.meta.sender.name }}
         </h3>
         <button
-          class="user--profile__button"
+          class="user--profile__button clear button small"
           @click="$emit('contactPanelToggle')"
         >
           {{ viewProfileButtonLabel }}