feat(bubbles): various

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

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">