improve spacings and order of quote/reply selector

src/components/post_status_form/post_status_form.scss

@@ -90,10 +90,10 @@
   }
 
   .reply-or-quote-selector {
-    flex-wrap: wrap;
     margin-bottom: 0.5em;
-    gap: 1em;
+    gap: 0 1em;
     display: flex;
+    flex-wrap: wrap-reverse;
     grid-template-columns: 1fr 1fr;
   }
 

src/components/post_status_form/post_status_form.vue

@@ -112,6 +112,13 @@
             role="radiogroup"
             class="reply-or-quote-selector"
           >
+            <Checkbox
+              v-model="quoteThreadToggled"
+              :radio="true"
+              :disabled="quoteFormVisible"
+            >
+              {{ $t('post_status.quote_option') }}
+            </Checkbox>
             <Checkbox
               role="radio"
               :radio="true"
@@ -120,13 +127,6 @@
             >
               {{ $t('post_status.reply_option') }}
             </Checkbox>
-            <Checkbox
-              v-model="quoteThreadToggled"
-              :radio="true"
-              :disabled="quoteFormVisible"
-            >
-              {{ $t('post_status.quote_option') }}
-            </Checkbox>
           </div>
         </div>
         <div