Try to prevent iOS from highlighting buttons

after closing a dialog

src/ncounter/About.svelte

@@ -70,7 +70,14 @@ const dispatch = createEventDispatcher();
     border: 2px solid transparent;
 }
 
-.repo > a:hover, .repo > a:focus {
+@media (hover){
+    .repo > a:hover {
+        box-shadow: none;
+        border-color: var(--highlight-color);    
+    }
+}
+
+.repo > a:focus {
     box-shadow: none;
     border-color: var(--highlight-color);
 }

src/ncounter/App.svelte

@@ -107,7 +107,13 @@ function add(){
         color: var(--text-inverse);
     }
 
-    .tool-bar > button:focus, .tool-bar > button:hover {
+    @media(hover){
+        .tool-bar > button:hover {
+            border: 2px solid var(--highlight-color);
+        }
+    }
+
+    .tool-bar > button:focus {
         border: 2px solid var(--highlight-color);
     }
 

src/ncounter/site.css

@@ -69,7 +69,13 @@ button {
     font-family: inherit;
 }
 
-button:focus, button:hover {
+@media(hover){
+    button:hover {
+        border: 2px solid var(--buton-color);
+    }
+}
+
+button:focus {
     border: 2px solid var(--button-color);
 }
 
@@ -137,7 +143,14 @@ button:focus, button:hover {
     width: 100%;
 }
 
-.dialog-content button:focus, .dialog-content button:hover {
+@media(hover){
+    .dialog-content button:hover{
+        border: 0;
+        outline: 2px solid var(--button-color);
+    }
+}
+
+.dialog-content button:focus {
     border: 0;
     outline: 2px solid var(--button-color);
 }