fix classes issues from PR

packages/nc-gui/components/cell/GeoData.vue

@@ -73,8 +73,8 @@ const onClickSetCurrentLocation = () => {
     <template #overlay>
       <a-form :model="formState" class="flex flex-col" @finish="handleFinish">
         <a-form-item>
-          <div class="mb-2 mt-4 bg-pink-50 flex">
-            <div>{{ $t('labels.lat') }}</div>
+          <div class="flex mt-4 items-center mx-2">
+            <div class="mr-2">{{ $t('labels.lat') }}:</div>
             <a-input
               v-model:value="formState.latitude"
               type="number"
@@ -89,10 +89,9 @@ const onClickSetCurrentLocation = () => {
           </div>
         </a-form-item>
 
-        <a-form-item class="input-lng">
-          <template #label>
-            <div>{{ $t('labels.lng') }}</div>
-          </template>
+        <a-form-item>
+          <div class="flex items-center mx-2">
+            <div class="mr-2">{{ $t('labels.lng') }}:</div>
             <a-input
               v-model:value="formState.longitude"
               type="number"
@@ -104,16 +103,19 @@ const onClickSetCurrentLocation = () => {
               @selectstart.capture.stop
               @mousedown.stop
             />
+          </div>
         </a-form-item>
         <a-form-item>
-          <div class="flex set-location-group">
+          <div class="flex items-center mr-2">
             <MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin text-gray-500': isLoading }" />
             <a-button class="ml-2" @click="onClickSetCurrentLocation">{{ $t('labels.yourLocation') }}</a-button>
           </div>
         </a-form-item>
-        <a-form-item class="btn-group-cancel-submit">
+        <a-form-item>
+          <div class="ml-auto mr-2">
             <a-button type="text" @click="clear">{{ $t('general.cancel') }}</a-button>
             <a-button type="primary" html-type="submit">{{ $t('general.submit') }}</a-button>
+          </div>
         </a-form-item>
       </a-form>
     </template>
@@ -128,28 +130,10 @@ input[type='number']:focus {
 input[type='number'] {
   width: 180px;
 }
-
-.input-lat {
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-}
-.input-lng {
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-}
-
-.btn-group-cancel-submit {
-  margin-left: auto;
-  margin-bottom: 0;
+.ant-form-item {
+  margin-bottom: 1rem;
 }
 .ant-dropdown-menu {
   align-items: flex-end;
 }
-
-.set-location-group {
-  align-items: center;
-  margin-right: 0.5rem;
-}
 </style>