From 940bbd352d40bf3f5e2f3410da4d23ffe7f39f0c Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Thu, 6 Jun 2024 15:40:30 -0400
Subject: [PATCH] separeate FOR checkbox label and info button

---
 src/TempoLite.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/TempoLite.vue b/src/TempoLite.vue
index 70899b6..688c05c 100644
--- a/src/TempoLite.vue
+++ b/src/TempoLite.vue
@@ -394,15 +394,14 @@
             item-value="tz"
           ></v-select>
           <div id="control-checkboxes">
+            <div class="d-flex flex-row align-center space-between">
             <v-checkbox
               v-model="showFieldOfRegard"
               @keyup.enter="showFieldOfRegard = !showFieldOfRegard"
               label="TEMPO Field of Regard"
               color="#c10124"
               hide-details
-            >
-            <template #label>
-              TEMPO Field of Regard
+            />
               <info-button>
                 <p>
                   The TEMPO satellite observes the atmosphere over North America, from the Atlantic Ocean to the Pacific Coast, and from roughly Mexico City to central Canada. 
@@ -412,8 +411,7 @@
                   is the area over which the satellite takes measurements. 
                 </p>
                 </info-button>
-            </template>
-            </v-checkbox>
+              </div>
             <v-checkbox
               v-if="false"
               :disabled="!highresAvailable"
@@ -1720,7 +1718,6 @@ a {
   width: 100%;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
   gap: 10px;
 }