From dc2684fa4b873273d07905c8b2a65a6bff0676f8 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 00:29:34 +0200
Subject: [PATCH 01/11] Changed layout of comment box/attachments

---
 .../components/form/file-upload/Progress.vue    |  2 +-
 .../components/form/file-upload/ProgressRow.vue | 17 +++++++++++------
 .../viewer/anchored-point/thread/Comment.vue    |  4 +++-
 .../viewer/anchored-point/thread/NewReply.vue   |  6 +++---
 .../components/viewer/comments/Editor.vue       |  6 ++++--
 5 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/packages/frontend-2/components/form/file-upload/Progress.vue b/packages/frontend-2/components/form/file-upload/Progress.vue
index 653aa340f..4775dba9f 100644
--- a/packages/frontend-2/components/form/file-upload/Progress.vue
+++ b/packages/frontend-2/components/form/file-upload/Progress.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col space-y-1">
+  <div class="flex flex-col space-y-2 pb-2">
     <FormFileUploadProgressRow
       v-for="item in items"
       :key="item.id"
diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index fa655ce90..6230f050f 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -1,21 +1,26 @@
 <template>
-  <div class="bg-foundation rounded-4xl px-4 py-3 w-full max-w-full relative">
+  <div
+    class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative dark:bg-foundation-2 bg-neutral-100"
+  >
     <div class="flex space-x-1 items-center">
-      <span class="truncate text-sm flex-shrink">{{ item.file.name }}</span>
-      <span class="text-tiny flex-grow text-foreground-2">
+      <span class="truncate text-xs pr-4 flex-1">{{ item.file.name }}</span>
+      <span class="text-tiny text-foreground-2">
         {{ prettyFileSize(item.file.size) }}
       </span>
-      <FormButton
+      <!-- <FormButton
         color="danger"
         size="xs"
         rounded
         hide-text
         :icon-left="XMarkIcon"
         @click="onDelete"
-      ></FormButton>
+      ></FormButton> -->
+      <button class="p-0.5 text-foreground hover:text-primary" @click="onDelete">
+        <XMarkIcon class="h-4 w-4" />
+      </button>
     </div>
     <div
-      v-if="item.progress > 0"
+      v-if="item.progress > 0 && item.progress < 100"
       :class="[' w-full mt-2', progressBarClasses]"
       :style="progressBarStyle"
     />
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
index d92e55fd4..bd736c296 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
@@ -4,7 +4,9 @@
       <span>{{ absoluteDate }}</span>
       <span>{{ timeFromNow }}</span>
     </div> -->
-    <div class="xxx-bg-foundation sm:rounded-xl py-2 px-3 sm:p-4 w-full relative">
+    <div
+      class="xxx-bg-foundation sm:rounded-xl py-2 px-3 sm:p-4 sm:pb-3 w-full relative"
+    >
       <div class="flex items-center space-x-1">
         <UserAvatar :user="comment.author" class="mr-1" />
         <span class="grow truncate text-xs sm:text-sm font-bold">
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index d09999ec5..99f459a6b 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:py-1.5 rounded-b items-center w-full"
+    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:py-1.5 sm:pb-3 rounded-b w-full relative"
   >
     <FormButton
       :icon-left="PaperClipIcon"
@@ -9,7 +9,7 @@
       text
       :disabled="loading"
       size="sm"
-      class="-ml-2 sm:mr-2"
+      class="-ml-2 sm:mr-2 sm:mt-2"
       @click="trackAttachAndOpenFilePicker()"
     />
     <ViewerCommentsEditor
@@ -27,7 +27,7 @@
       size="sm"
       color="invert"
       :disabled="loading"
-      class="absolute right-6 sm:right-6"
+      class="absolute right-5 top-4"
       @click="onSubmit"
     />
   </div>
diff --git a/packages/frontend-2/components/viewer/comments/Editor.vue b/packages/frontend-2/components/viewer/comments/Editor.vue
index 03429cb95..718f0746e 100644
--- a/packages/frontend-2/components/viewer/comments/Editor.vue
+++ b/packages/frontend-2/components/viewer/comments/Editor.vue
@@ -1,6 +1,8 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
-  <div class="flex flex-col w-full max-h-28 overflow-y-auto simple-scrollbar">
+  <div
+    class="flex flex-col w-full max-h-28 overflow-y-auto simple-scrollbar sm:p-2 sm:pb-0"
+  >
     <FormFileUploadZone
       ref="uploadZone"
       v-slot="{ isDraggingFiles }"
@@ -13,7 +15,7 @@
       <CommonTiptapTextEditor
         v-model="doc"
         :class="[
-          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[60px]',
+          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[50px]',
           isDraggingFiles ? 'border-success' : 'border-transparent'
         ]"
         :autofocus="autofocus"

From 1f8e5ab778398f94efc961649918da10d6cfbad7 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 00:44:09 +0200
Subject: [PATCH 02/11] Minor tweaks to spacing

---
 .../components/viewer/anchored-point/thread/Comment.vue         | 2 +-
 .../viewer/anchored-point/thread/CommentAttachments.vue         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
index bd736c296..4b87aee3c 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
@@ -26,7 +26,7 @@
           </CommonTextLink>
         </div> -->
       </div>
-      <div class="truncate text-xs sm:text-sm text-foreground flex flex-col mt-2">
+      <div class="truncate text-xs sm:text-sm text-foreground flex flex-col mt-3">
         <CommonTiptapTextEditor
           v-if="comment.text.doc"
           :model-value="comment.text.doc"
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue b/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
index 1f647bfe5..613c63511 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col w-full items-start">
+  <div class="flex flex-col w-full items-start mt-1">
     <CommonTextLink
       v-for="attachment in attachments.text.attachments || []"
       :key="attachment.id"

From 52a3a07ea61333474929875e381c703c4c1eb235 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 11:48:18 +0200
Subject: [PATCH 03/11] Minor tweaks to spacing

---
 .../components/form/file-upload/Progress.vue  |  2 +-
 .../form/file-upload/ProgressRow.vue          | 10 +----
 .../viewer/anchored-point/thread/Comment.vue  |  4 +-
 .../thread/CommentAttachments.vue             |  4 +-
 .../viewer/anchored-point/thread/NewReply.vue | 37 ++++++++++++-------
 .../components/viewer/comments/Editor.vue     |  4 +-
 6 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/packages/frontend-2/components/form/file-upload/Progress.vue b/packages/frontend-2/components/form/file-upload/Progress.vue
index 4775dba9f..506942c31 100644
--- a/packages/frontend-2/components/form/file-upload/Progress.vue
+++ b/packages/frontend-2/components/form/file-upload/Progress.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col space-y-2 pb-2">
+  <div class="flex flex-col space-y-2">
     <FormFileUploadProgressRow
       v-for="item in items"
       :key="item.id"
diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index 6230f050f..df0b9f98e 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -7,16 +7,8 @@
       <span class="text-tiny text-foreground-2">
         {{ prettyFileSize(item.file.size) }}
       </span>
-      <!-- <FormButton
-        color="danger"
-        size="xs"
-        rounded
-        hide-text
-        :icon-left="XMarkIcon"
-        @click="onDelete"
-      ></FormButton> -->
       <button class="p-0.5 text-foreground hover:text-primary" @click="onDelete">
-        <XMarkIcon class="h-4 w-4" />
+        <XMarkIcon class="h-4 w-4" alt="close" />
       </button>
     </div>
     <div
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
index 4b87aee3c..c12d8edd8 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
@@ -4,9 +4,7 @@
       <span>{{ absoluteDate }}</span>
       <span>{{ timeFromNow }}</span>
     </div> -->
-    <div
-      class="xxx-bg-foundation sm:rounded-xl py-2 px-3 sm:p-4 sm:pb-3 w-full relative"
-    >
+    <div class="xxx-bg-foundation sm:rounded-xl py-2 sm:p-4 sm:pb-2 w-full relative">
       <div class="flex items-center space-x-1">
         <UserAvatar :user="comment.author" class="mr-1" />
         <span class="grow truncate text-xs sm:text-sm font-bold">
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue b/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
index 613c63511..9271b1eb6 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/CommentAttachments.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col w-full items-start mt-1">
+  <div class="flex flex-col w-full items-start pt-2">
     <CommonTextLink
       v-for="attachment in attachments.text.attachments || []"
       :key="attachment.id"
@@ -7,7 +7,7 @@
       size="sm"
       @click="() => onAttachmentClick(attachment)"
     >
-      <span class="truncate relative text-xs">
+      <span class="truncate relative text-xs pl-1">
         {{ attachment.fileName }}
       </span>
     </CommonTextLink>
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index 99f459a6b..f8e93f25a 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -1,33 +1,42 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:py-1.5 sm:pb-3 rounded-b w-full relative"
+    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:pt-1 sm:pr-1 sm:pb-3 rounded-b w-full relative"
   >
-    <FormButton
+    <!-- <FormButton
       :icon-left="PaperClipIcon"
       hide-text
       text
       :disabled="loading"
       size="sm"
-      class="-ml-2 sm:mr-2 sm:mt-2"
+      class="-ml-2 sm:mt-3 sm:pr-1"
       @click="trackAttachAndOpenFilePicker()"
-    />
-    <ViewerCommentsEditor
-      ref="editor"
-      v-model="commentValue"
-      prompt="Press enter to reply"
-      autofocus
-      max-height="150px"
-      @keydown="onKeyDownHandler"
-      @submit="onSubmit"
-    />
+    /> -->
+    <div class="flex flex-col">
+      <ViewerCommentsEditor
+        ref="editor"
+        v-model="commentValue"
+        prompt="Press enter to reply"
+        autofocus
+        max-height="150px"
+        @keydown="onKeyDownHandler"
+        @submit="onSubmit"
+      />
+      <CommonTextLink
+        :icon-left="PaperClipIcon"
+        size="sm"
+        @click="trackAttachAndOpenFilePicker()"
+      >
+        <span class="truncate relative text-xs">Add attachment</span>
+      </CommonTextLink>
+    </div>
     <FormButton
       :icon-left="PaperAirplaneIcon"
       hide-text
       size="sm"
       color="invert"
       :disabled="loading"
-      class="absolute right-5 top-4"
+      class="absolute right-5 top-5"
       @click="onSubmit"
     />
   </div>
diff --git a/packages/frontend-2/components/viewer/comments/Editor.vue b/packages/frontend-2/components/viewer/comments/Editor.vue
index 718f0746e..9e65ec800 100644
--- a/packages/frontend-2/components/viewer/comments/Editor.vue
+++ b/packages/frontend-2/components/viewer/comments/Editor.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="flex flex-col w-full max-h-28 overflow-y-auto simple-scrollbar sm:p-2 sm:pb-0"
+    class="flex flex-col w-full max-h-28 overflow-y-auto p-2 simple-scrollbar sm:pb-0"
   >
     <FormFileUploadZone
       ref="uploadZone"
@@ -15,7 +15,7 @@
       <CommonTiptapTextEditor
         v-model="doc"
         :class="[
-          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[50px]',
+          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[52px]',
           isDraggingFiles ? 'border-success' : 'border-transparent'
         ]"
         :autofocus="autofocus"

From 146d714c26a0ee4868baf7bcde11f5407cd7562c Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 14:59:47 +0200
Subject: [PATCH 04/11] Minor spacing tweaks based on feedback

---
 .../viewer/anchored-point/NewThread.vue       | 34 +++++------
 .../viewer/anchored-point/thread/Comment.vue  |  4 +-
 .../viewer/anchored-point/thread/NewReply.vue | 60 +++++++++----------
 .../components/viewer/comments/Editor.vue     |  4 +-
 4 files changed, 47 insertions(+), 55 deletions(-)

diff --git a/packages/frontend-2/components/viewer/anchored-point/NewThread.vue b/packages/frontend-2/components/viewer/anchored-point/NewThread.vue
index 015dae36b..ce48e9cb3 100644
--- a/packages/frontend-2/components/viewer/anchored-point/NewThread.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/NewThread.vue
@@ -48,24 +48,22 @@
               @submit="() => onSubmit()"
               @keydown="onKeyDownHandler"
             />
-            <div class="w-full flex justify-end p-2 space-x-2">
-              <div class="space-x-2">
-                <FormButton
-                  v-tippy="'Attach'"
-                  :icon-left="PaperClipIcon"
-                  hide-text
-                  text
-                  :disabled="isPostingNewThread"
-                  @click="trackAttachAndOpenFilePicker()"
-                />
-
-                <FormButton
-                  :icon-left="PaperAirplaneIcon"
-                  hide-text
-                  :loading="isPostingNewThread"
-                  @click="() => onSubmit()"
-                />
-              </div>
+            <div class="w-full flex p-2 justify-between">
+              <FormButton
+                v-tippy="'Attach'"
+                :icon-left="PaperClipIcon"
+                hide-text
+                text
+                class="sm:px-1"
+                :disabled="isPostingNewThread"
+                @click="trackAttachAndOpenFilePicker()"
+              />
+              <FormButton
+                :icon-left="PaperAirplaneIcon"
+                hide-text
+                :loading="isPostingNewThread"
+                @click="() => onSubmit()"
+              />
             </div>
           </div>
         </div>
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
index c12d8edd8..9c5706be7 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/Comment.vue
@@ -4,7 +4,7 @@
       <span>{{ absoluteDate }}</span>
       <span>{{ timeFromNow }}</span>
     </div> -->
-    <div class="xxx-bg-foundation sm:rounded-xl py-2 sm:p-4 sm:pb-2 w-full relative">
+    <div class="xxx-bg-foundation sm:rounded-xl p-4 sm:pb-2 w-full relative">
       <div class="flex items-center space-x-1">
         <UserAvatar :user="comment.author" class="mr-1" />
         <span class="grow truncate text-xs sm:text-sm font-bold">
@@ -24,7 +24,7 @@
           </CommonTextLink>
         </div> -->
       </div>
-      <div class="truncate text-xs sm:text-sm text-foreground flex flex-col mt-3">
+      <div class="truncate text-xs sm:text-sm text-foreground flex flex-col mt-2">
         <CommonTiptapTextEditor
           v-if="comment.text.doc"
           :model-value="comment.text.doc"
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index f8e93f25a..895010f82 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -1,44 +1,38 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:pt-1 sm:pr-1 sm:pb-3 rounded-b w-full relative"
+    class="hidden sm:flex bg-foundation pl-4 pr-3 py-2 sm:p-1 sm:pb-3 rounded-b w-full relative flex flex-col"
   >
-    <!-- <FormButton
-      :icon-left="PaperClipIcon"
-      hide-text
-      text
-      :disabled="loading"
-      size="sm"
-      class="-ml-2 sm:mt-3 sm:pr-1"
-      @click="trackAttachAndOpenFilePicker()"
-    /> -->
-    <div class="flex flex-col">
-      <ViewerCommentsEditor
-        ref="editor"
-        v-model="commentValue"
-        prompt="Press enter to reply"
-        autofocus
-        max-height="150px"
-        @keydown="onKeyDownHandler"
-        @submit="onSubmit"
-      />
-      <CommonTextLink
+    <ViewerCommentsEditor
+      ref="editor"
+      v-model="commentValue"
+      prompt="Press enter to reply"
+      autofocus
+      max-height="150px"
+      @keydown="onKeyDownHandler"
+      @submit="onSubmit"
+    />
+    <div class="flex justify-between items-center p-3 pb-0">
+      <FormButton
+        v-tippy="'Attach'"
         :icon-left="PaperClipIcon"
+        hide-text
+        text
+        :disabled="loading"
+        color="card"
+        class="sm:px-0"
         size="sm"
         @click="trackAttachAndOpenFilePicker()"
-      >
-        <span class="truncate relative text-xs">Add attachment</span>
-      </CommonTextLink>
+      />
+      <FormButton
+        :icon-left="PaperAirplaneIcon"
+        hide-text
+        size="sm"
+        color="primary"
+        :disabled="loading"
+        @click="onSubmit"
+      />
     </div>
-    <FormButton
-      :icon-left="PaperAirplaneIcon"
-      hide-text
-      size="sm"
-      color="invert"
-      :disabled="loading"
-      class="absolute right-5 top-5"
-      @click="onSubmit"
-    />
   </div>
 </template>
 <script setup lang="ts">
diff --git a/packages/frontend-2/components/viewer/comments/Editor.vue b/packages/frontend-2/components/viewer/comments/Editor.vue
index 9e65ec800..fe50834f0 100644
--- a/packages/frontend-2/components/viewer/comments/Editor.vue
+++ b/packages/frontend-2/components/viewer/comments/Editor.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="flex flex-col w-full max-h-28 overflow-y-auto p-2 simple-scrollbar sm:pb-0"
+    class="flex flex-col w-full max-h-28 overflow-y-auto imple-scrollbar p-2 sm:pb-0"
   >
     <FormFileUploadZone
       ref="uploadZone"
@@ -15,7 +15,7 @@
       <CommonTiptapTextEditor
         v-model="doc"
         :class="[
-          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[52px]',
+          'dark:bg-foundation-2 bg-neutral-100 sm:rounded-lg p-2 pr-12 border text-sm min-h-[56px]',
           isDraggingFiles ? 'border-success' : 'border-transparent'
         ]"
         :autofocus="autofocus"

From ee20ed4139778d2de23782b188bad590ae08b419 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 16:52:28 +0200
Subject: [PATCH 05/11] Rename alt text

---
 packages/frontend-2/components/form/file-upload/ProgressRow.vue | 2 +-
 .../components/viewer/anchored-point/thread/NewReply.vue        | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index df0b9f98e..fbae413ea 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -8,7 +8,7 @@
         {{ prettyFileSize(item.file.size) }}
       </span>
       <button class="p-0.5 text-foreground hover:text-primary" @click="onDelete">
-        <XMarkIcon class="h-4 w-4" alt="close" />
+        <XMarkIcon class="h-4 w-4" alt="delete" />
       </button>
     </div>
     <div
diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index 895010f82..45a2f9f94 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -21,13 +21,11 @@
         :disabled="loading"
         color="card"
         class="sm:px-0"
-        size="sm"
         @click="trackAttachAndOpenFilePicker()"
       />
       <FormButton
         :icon-left="PaperAirplaneIcon"
         hide-text
-        size="sm"
         color="primary"
         :disabled="loading"
         @click="onSubmit"

From c72999d3822e91fe1e56430b48f26d80034579fa Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 17:00:55 +0200
Subject: [PATCH 06/11] Fix pipeline; used wrong prop value

---
 .../components/viewer/anchored-point/thread/NewReply.vue        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index 45a2f9f94..242f7cd3c 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -26,7 +26,7 @@
       <FormButton
         :icon-left="PaperAirplaneIcon"
         hide-text
-        color="primary"
+        color="standard"
         :disabled="loading"
         @click="onSubmit"
       />

From e84bc61240bd5acb17df10b0efe0964ac1402775 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Wed, 19 Jun 2024 17:07:18 +0200
Subject: [PATCH 07/11] Fix pipeline; used wrong prop value

---
 .../components/viewer/anchored-point/thread/NewReply.vue        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
index 242f7cd3c..b6cf146f0 100644
--- a/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
+++ b/packages/frontend-2/components/viewer/anchored-point/thread/NewReply.vue
@@ -26,7 +26,7 @@
       <FormButton
         :icon-left="PaperAirplaneIcon"
         hide-text
-        color="standard"
+        color="default"
         :disabled="loading"
         @click="onSubmit"
       />

From 97f579052c7013cf6a35236c7f7453311383aa48 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Thu, 20 Jun 2024 08:48:43 +0200
Subject: [PATCH 08/11] Fixed classes

---
 packages/frontend-2/components/viewer/comments/Editor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend-2/components/viewer/comments/Editor.vue b/packages/frontend-2/components/viewer/comments/Editor.vue
index fe50834f0..86f5aa2a8 100644
--- a/packages/frontend-2/components/viewer/comments/Editor.vue
+++ b/packages/frontend-2/components/viewer/comments/Editor.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vuejs-accessibility/no-autofocus -->
 <template>
   <div
-    class="flex flex-col w-full max-h-28 overflow-y-auto imple-scrollbar p-2 sm:pb-0"
+    class="flex flex-col w-full max-h-28 overflow-y-auto simple-scrollbar p-2 sm:pb-0"
   >
     <FormFileUploadZone
       ref="uploadZone"

From 05d1c9061ef9cebcc0f9293fd91881342318cc81 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Thu, 20 Jun 2024 08:59:58 +0200
Subject: [PATCH 09/11] Removed accidental bg class

---
 packages/frontend-2/components/form/file-upload/ProgressRow.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index fbae413ea..db11cf393 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative dark:bg-foundation-2 bg-neutral-100"
+    class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative dark:bg-foundation-2"
   >
     <div class="flex space-x-1 items-center">
       <span class="truncate text-xs pr-4 flex-1">{{ item.file.name }}</span>

From 0f21ffcd0fe9d52d469c4f088e331d24f22356c9 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Thu, 20 Jun 2024 09:00:38 +0200
Subject: [PATCH 10/11] Removed accidental bg class

---
 .../frontend-2/components/form/file-upload/ProgressRow.vue    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index db11cf393..74a7950f2 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative dark:bg-foundation-2"
-  >
+  <div class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative">
     <div class="flex space-x-1 items-center">
       <span class="truncate text-xs pr-4 flex-1">{{ item.file.name }}</span>
       <span class="text-tiny text-foreground-2">

From db37fb6b0809a2832e473b1570fd38b3ddbad9c5 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Thu, 20 Jun 2024 09:02:30 +0200
Subject: [PATCH 11/11] Added back dark class

---
 .../frontend-2/components/form/file-upload/ProgressRow.vue    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend-2/components/form/file-upload/ProgressRow.vue b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
index 74a7950f2..db11cf393 100644
--- a/packages/frontend-2/components/form/file-upload/ProgressRow.vue
+++ b/packages/frontend-2/components/form/file-upload/ProgressRow.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative">
+  <div
+    class="bg-foundation rounded-lg p-2 pr-1 w-full max-w-full relative dark:bg-foundation-2"
+  >
     <div class="flex space-x-1 items-center">
       <span class="truncate text-xs pr-4 flex-1">{{ item.file.name }}</span>
       <span class="text-tiny text-foreground-2">