style(comments): adjust spacing again

Dwigoric · Aug 6, 2023 · 067ed02 · 067ed02
1 parent 663e388
commit 067ed02
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/components/PostComment.vue b/src/components/PostComment.vue
@@ -129,8 +129,8 @@ async function saveComment() {
 </script>
 
 <template>
-    <div class="comment pl-1">
-        <div class="main-comment mb-2" @click="onclick(id)">
+    <div class="comment ml-4">
+        <div class="main-comment" @click="onclick(id)">
             <div class="existing-comment" v-if="!comments.some((cm) => cm.id === id && cm.deleted)">
                 <div class="header mx-3 mt-2">
                     <img
@@ -199,6 +199,12 @@ async function saveComment() {
                 </VList>
             </VMenu>
         </div>
+        <VExpandTransition>
+            <VSpacer
+                class="reply-input-spacer"
+                v-if="loggedInStore.username && id === currentCommentStore.currentComment"
+            ></VSpacer>
+        </VExpandTransition>
         <VExpandTransition>
             <VTextarea
                 placeholder="Reply to this comment..."
@@ -243,7 +249,6 @@ async function saveComment() {
     align-self: stretch;
     justify-content: flex-start;
     height: 100%;
-    margin-left: 13px;
     background-color: var(--color-background-soft);
     border-left: var(--color-border) solid 3px;
 }
@@ -330,6 +335,10 @@ async function saveComment() {
     background-color: var(--color-background-soft);
 }
 
+.reply-input-spacer {
+    height: 0.5rem;
+}
+
 .new-reply-input {
     width: 100%;
     border: none;