fix: refs #7874 refs #6943 ui

src/pages/Customer/components/CustomerAddressEdit.vue

@@ -240,7 +240,6 @@ function handleLocation(data, location) {
                 class="row q-gutter-md q-mb-md"
                 v-for="(note, index) in notes"
             >
-                <div class="col">
                 <VnSelect
                     :label="t('Observation type')"
                     :options="observationTypes"
@@ -249,17 +248,14 @@ function handleLocation(data, location) {
                     option-value="id"
                     v-model="note.observationTypeFk"
                 />
-                </div>
-                <div class="col">
                 <VnInput
                     :label="t('Description')"
                     :rules="validate('route.description')"
                     clearable
                     v-model="note.description"
                 />
-                </div>
-                <div class="flex items-center">
                 <QIcon
+                    :style="{ flex: 0, 'align-self': $q.screen.gt.xs ? 'end' : 'center' }"
                     @click.stop="deleteNote(note.id, index)"
                     class="cursor-pointer"
                     color="primary"
@@ -270,9 +266,7 @@ function handleLocation(data, location) {
                         {{ t('Remove note') }}
                     </QTooltip>
                 </QIcon>
-                </div>
             </VnRow>
-
             <QBtn
                 @click.stop="addNote()"
                 class="cursor-pointer add-icon q-mt-md"