fix: 01 form responsive

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

@@ -17,14 +17,16 @@ defineProps<{
 </script>
 <template>
   <div class="row col-12">
-    <div class="col-3 app-text-muted">• {{ $t(`${title}`) }}</div>
-    <div class="col-9 row q-col-gutter-md">
+    <div class="col-md-3 col-12 app-text-muted q-pb-sm">
+      • {{ $t(`${title}`) }}
+    </div>
+    <div class="col-md-9 col-12 row q-col-gutter-md">
       <q-input
         :dense="dense"
         outlined
         :readonly="readonly"
         hide-bottom-space
-        class="col-5"
+        class="col-md-5 col-12"
         :label="
           typeBranch === 'headOffice'
             ? $t('formDialogInputEmailHq')
@@ -39,7 +41,7 @@ defineProps<{
         outlined
         :readonly="readonly"
         hide-bottom-space
-        class="col-7"
+        class="col-md-7 col-12"
         :label="
           typeBranch === 'headOffice'
             ? $t('formDialogInputTelephoneHq')
@@ -54,7 +56,7 @@ defineProps<{
         outlined
         :readonly="readonly"
         hide-bottom-space
-        class="col-5"
+        class="col-md-5 col-12"
         :label="$t('formDialogInputContactName')"
         v-model="contactName"
         for="input-contact-name"