fix: lng lat label overflow (#237)

UMN-LATIS · Oct 2, 2023 · fe3c571 · fe3c571
1 parent 71554ba
commit fe3c571
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/components/Widget/LocationWidget/LocationItem.vue b/src/components/Widget/LocationWidget/LocationItem.vue
@@ -1,13 +1,9 @@
 <template>
   <Accordion>
     <template #label>
-      <div v-if="!locationLabel" class="flex gap-6 p-4">
-        <Tuple label="Latitude" class="w-auto" variant="inline">{{
-          latStr
-        }}</Tuple>
-        <Tuple label="Longitude" class="w-auto" variant="inline">{{
-          lngStr
-        }}</Tuple>
+      <div v-if="!locationLabel" class="flex gap-4 p-4 pr-0 flex-wrap">
+        <Tuple label="Lat" class="w-auto" variant="inline">{{ latStr }}</Tuple>
+        <Tuple label="Lng" class="w-auto" variant="inline">{{ lngStr }}</Tuple>
       </div>
       <span v-else class="p-4">{{ locationLabel }}</span>
     </template>