move reply-quote buttons on same line as preview

changelog.d/quote-buttons.fix

@@ -0,0 +1 @@
+reply-or-quote buttons now take less space

src/components/post_status_form/post_status_form.vue

@@ -103,29 +103,6 @@
               icon="circle-notch"
             />
           </div>
-        </div>
-        <div
-          v-if="showPreview"
-          class="preview-container"
-        >
-          <div
-            v-if="!preview"
-            class="preview-status"
-          >
-            {{ $t('general.loading') }}
-          </div>
-          <div
-            v-else-if="preview.error"
-            class="preview-status preview-error"
-          >
-            {{ preview.error }}
-          </div>
-          <StatusContent
-            v-else
-            :status="preview"
-            class="preview-status"
-          />
-        </div>
           <div
             v-if="quotable"
             role="radiogroup"
@@ -156,6 +133,29 @@
               {{ $t('post_status.quote_option') }}
             </button>
           </div>
+        </div>
+        <div
+          v-if="showPreview"
+          class="preview-container"
+        >
+          <div
+            v-if="!preview"
+            class="preview-status"
+          >
+            {{ $t('general.loading') }}
+          </div>
+          <div
+            v-else-if="preview.error"
+            class="preview-status preview-error"
+          >
+            {{ preview.error }}
+          </div>
+          <StatusContent
+            v-else
+            :status="preview"
+            class="preview-status"
+          />
+        </div>
         <EmojiInput
           v-if="!disableSubject && (newStatus.spoilerText || alwaysShowSubject)"
           v-model="newStatus.spoilerText"
@@ -447,6 +447,8 @@
 
   .reply-or-quote-selector {
     margin-bottom: 0.5em;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
   }
 
   .text-format {