Summary - Fix effect on Input

rfcx · May 2, 2024 · 693c5e1 · 693c5e1
1 parent 7635959
commit 693c5e1
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/apps/website/src/detect/cnn-job-detail/components/job-information.vue b/apps/website/src/detect/cnn-job-detail/components/job-information.vue
@@ -44,7 +44,7 @@
             id="cnn-job-information-input"
             class="grid grid-rows-4 gap-y-4 mt-4 text-base text-insight mr-4"
           >
-            <div title="Sites">
+            <div title="Sites" class="flex items-center w-4">
               <icon-custom-ft-map-pin class="block m-auto text-cloud" />
             </div>
             <span
@@ -53,29 +53,26 @@
             >
               {{ queryStreamsInfoString }}
             </span>
-            <div title="Date">
+            <div title="Date" class="flex items-center w-3.5">
               <icon-custom-ic-calendar class="block m-auto text-cloud" />
             </div>
             <span
-              class="ml-2"
               title="Date"
             >
               {{ queryStart }} - {{ queryEnd }}
             </span>
-            <div title="Time of day">
+            <div title="Time of day" class="flex items-center w-4.5">
               <icon-custom-ic-clock class="block m-auto text-cloud" />
             </div>
             <span
-              class="ml-2"
               title="Time of day"
             >
               {{ queryHours }}
             </span>
-            <div title="Minutes of recordings">
+            <div title="Minutes of recordings" class="flex items-center w-4">
               <icon-custom-ft-mic class="block m-auto text-cloud" />
             </div>
             <span
-              class="ml-2"
               title="Minutes of recordings"
             >
               {{ minOfRecordings }}