แก้วินัย

src/modules/11_discipline/components/UploadFile.vue

@@ -113,8 +113,9 @@ function downloadFile(link: string) {
       </div>
       <div class="col-12"><q-separator /></div>
       <div v-if="!isReadonly" class="row">
-        <div class="col-11 q-pa-sm">
+        <div class="col-12 q-pa-sm row">
           <q-file
+            class="col-11"
             outlined
             dense
             ref="fileRef"
@@ -129,19 +130,20 @@ function downloadFile(link: string) {
               <q-icon name="attach_file" />
             </template>
           </q-file>
-        </div>
-        <div class="col-1 self-center text-center">
-          <q-btn
-            v-if="file"
-            size="14px"
-            flat
-            round
-            dense
-            color="add"
-            icon="mdi-upload"
-            @click="uploadFile()"
-            ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-          >
+
+          <div class="col-1 self-center">
+            <q-btn
+              v-if="file"
+              size="14px"
+              flat
+              round
+              dense
+              color="add"
+              icon="mdi-upload"
+              @click="uploadFile()"
+              ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+            >
+          </div>
         </div>
       </div>