From b4975c336c97161e436cfa3c12a6f094e68dcf30 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Wed, 2 Mar 2022 10:17:02 +0000
Subject: [PATCH] feat(bubbles): various

---
 .../src/main/components/comments/CommentThreadViewer.vue    | 6 +++---
 .../frontend/src/main/components/viewer/CommentsOverlay.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/main/components/comments/CommentThreadViewer.vue b/packages/frontend/src/main/components/comments/CommentThreadViewer.vue
index 845715bd9..eb18acc70 100644
--- a/packages/frontend/src/main/components/comments/CommentThreadViewer.vue
+++ b/packages/frontend/src/main/components/comments/CommentThreadViewer.vue
@@ -11,10 +11,10 @@
     <template v-for="(reply, index) in replies">
       <div :key="index" :class="`d-flex px-2 mb-4 align-center`">
         <div :class="`${$userId() === reply.authorId ? 'order-last' : ''}`">
-          <user-avatar :id="reply.authorId" shadow :size="40" />
+          <user-avatar :id="reply.authorId" shadow :size="30" />
         </div>
         <div
-          :class="`mx-2 px-4 py-4 flex-grow-1 body-1 float-left rounded-xl elevation-5 ${
+          :class="`mx-2 px-4 py-2 flex-grow-1 float-left rounded-xl elevation-5 ${
             $userId() === reply.authorId ? 'primary white--text' : 'background'
           }`"
         >
@@ -26,7 +26,7 @@
       <div class="pr-2">
         <user-avatar :id="$userId()" :size="30" />
       </div>
-      <div class="px-0 py-4 flex-grow-1 body-1 float-left">
+      <div class="px-0 py-4 flex-grow-1 float-left">
         <v-text-field
           label="Reply TODO"
           solo
diff --git a/packages/frontend/src/main/components/viewer/CommentsOverlay.vue b/packages/frontend/src/main/components/viewer/CommentsOverlay.vue
index f4c5bc0a1..ba2a4dda3 100644
--- a/packages/frontend/src/main/components/viewer/CommentsOverlay.vue
+++ b/packages/frontend/src/main/components/viewer/CommentsOverlay.vue
@@ -41,7 +41,7 @@
             v-show="comment.expanded"
             :ref="`commentcard-${index}`"
             class="transparent elevation-0 rounded-xl mt-2"
-            style="width: 400px; overflow-y: scroll"
+            style="width: 300px; overflow-y: scroll"
           >
             <comment-thread-viewer :comment="comment" />
             <!-- <div class="px-4 py-4">