fix: แก้ขนาดไม่ตรงกัน

src/components/01_branch-management/FormLocation.vue

@@ -19,14 +19,13 @@ defineProps<{
 </script>
 <template>
   <div class="col-3 app-text-muted">• {{ $t(`${title}`) }}</div>
-  <div class="col-9 bordered rounded row no-padding">
+  <div class="col-9 q-mt-lg bordered rounded row no-padding">
     <div class="col-12 q-pl-md q-py-sm app-text-muted">location</div>
 
     <div v-if="!!longitude && !!latitude" class="col-12 flex flex-center">
       <iframe
         :src="`https://maps.google.com/maps?q=${latitude}, ${longitude}&z=15&output=embed`"
         width="100%"
-        height="100%"
         frameborder="0"
         style="border: 0"
       ></iframe>
@@ -39,7 +38,7 @@ defineProps<{
         height: 100px;
         background-image: url(/map.png);
         background-position: center center;
-        background-size: 920px 400px;
+        background-size: 980px 400px;
       "
     >
       <q-btn

src/components/01_branch-management/FormQr.vue

@@ -19,7 +19,7 @@ defineEmits<{
   <div class="col-3 app-text-muted">• {{ title }}</div>
   <div
     :class="{ 'dark-form-show-qr-code': $q.dark.isActive }"
-    class="col-9 row q-col-gutter-md q-mt-lg branch-form-show-qr-code"
+    class="col-9 row q-mt-lg branch-form-show-qr-code"
   >
     <div class="col-12 flex flex-center">
       <q-img