From 9e5d55c6086ea8518e7628b75c91e9c7bdaead13 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Wed, 6 Nov 2024 15:47:37 -0700
Subject: [PATCH] Improve touchscreen styles

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
---
 modules/glmv.css | 39 +++++++++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/modules/glmv.css b/modules/glmv.css
index 01f66ab..fe8bddf 100644
--- a/modules/glmv.css
+++ b/modules/glmv.css
@@ -16,9 +16,9 @@
     cursor: pointer;
     font-weight: bold;
     font-size: 16px;
-    padding-top: 2px;
     height: 24px;
     position: relative;
+    padding: 0;
     transition: opacity 0.3s;
     width: 24px;
     display: flex;
@@ -30,6 +30,7 @@
     }
 
     & span {
+        padding-top: 2px;
         pointer-events: none;
     }
 }
@@ -186,13 +187,43 @@
 
 @media (pointer: coarse)  {
     .Hotspot {
-        width: 60px;
-        height: 60px;
-        font-size: 40px;
+        width: 1.25em;
+        height: 1.25em;
+        font-size: 2.25em;
     }
 
     .HotspotAnnotation{
+        font-size: .5em;
         max-width: 240px;
         width: auto;
     }
+    .glmv-menu {
+        height: 48px;
+        width: 48px;
+        border-radius: 9px;
+    
+        &:hover {
+            width: 294px;
+        }
+    }
+    
+    .glmv-menu-image {
+        width: 48px;
+        height: 48px;
+        flex: 0 0 48px;
+    }
+    
+    .glmv-menu-button {
+        width: 42px;
+        height: 42px;
+        margin: 3px;
+        flex: 0 0 42px;
+        border-radius: 3px;
+    }
+    
+    .glmv-act-button {
+        width: 75px;
+        height: 75px;
+        padding: 9px;
+    }
 }
\ No newline at end of file