update eclipse timer close touch target

cosmicds · Apr 2, 2024 · 41947c4 · 41947c4
1 parent 773e40f
commit 41947c4
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/SolarEclipse2024.vue b/src/SolarEclipse2024.vue
@@ -1270,14 +1270,14 @@
         >
         <v-card>
           <v-card-text>
-            <button 
-              style="position:absolute;right:12px;cursor:pointer;"
-              id="close-eclipse-prediction-sheet"
-              @click="showEclipsePredictionSheet = false"
-              ><v-icon 
-                  class="elevation-2"
-                  :color="accentColor"
-              >mdi-close</v-icon></button>
+            <font-awesome-icon
+                style="position:absolute;right:12px;cursor:pointer;padding:1em;margin:-1em"
+                icon="square-xmark"
+                size="xl"
+                @click="showEclipsePredictionSheet = false"
+                @keyup.enter="showEclipsePredictionSheet = false"
+                tabindex="0"
+              ></font-awesome-icon>
             <eclipse-timer show-timer :prediction="eclipsePrediction" :timezone="selectedTimezone" :color="accentColor" :location="selectedLocationText"/>
           </v-card-text>
         </v-card>