From c7d0ce434d742b86e8d6038c5fa2deac9c85689a Mon Sep 17 00:00:00 2001
From: Arild Matsson <arild@klavaro.se>
Date: Thu, 28 Nov 2024 05:43:10 +0100
Subject: [PATCH] style: Upload before Show on Custom Config

---
 src/corpus/config/CorpusConfigCustom.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/corpus/config/CorpusConfigCustom.vue b/src/corpus/config/CorpusConfigCustom.vue
index e125197..cd7e82c 100644
--- a/src/corpus/config/CorpusConfigCustom.vue
+++ b/src/corpus/config/CorpusConfigCustom.vue
@@ -46,13 +46,7 @@ async function upload(files: File[]) {
     </i18n-t>
   </HelpBox>
 
-  <div class="flex flex-wrap gap-4">
-    <LayoutBox class="w-96 grow" :title="$t('show')">
-      <PendingContent :on="`corpus/${corpusId}/config`">
-        <SyntaxHighlight v-if="config" language="yaml" :code="config" />
-      </PendingContent>
-    </LayoutBox>
-
+  <div class="flex flex-wrap gap-4 items-start">
     <LayoutBox class="w-96 grow" :title="$t('upload')">
       <HelpBox important>
         <PhWarning class="inline mb-1 mr-1" />
@@ -66,5 +60,11 @@ async function upload(files: File[]) {
         <FileUpload :file-handler="upload" accept=".yaml,.yml" />
       </PendingContent>
     </LayoutBox>
+
+    <LayoutBox class="w-96 grow" :title="$t('show')">
+      <PendingContent :on="`corpus/${corpusId}/config`">
+        <SyntaxHighlight v-if="config" language="yaml" :code="config" />
+      </PendingContent>
+    </LayoutBox>
   </div>
 </template>