Feature Updates

* Style Fixes

1 files changed, 44 insertions, 19 deletions

diff --git a/hg.css b/hg.css
index 30627ac..6458610 100644
--- a/hg.css
+++ b/hg.css
@@ -384,65 +384,90 @@ canvas {
 @media (max-width: 768px) {
   .terminal-window {
     width: 100%;
-    height: 100%;
+    height: 100vh;
+    height: 100dvh; /* Dynamic viewport height for better mobile support */
     max-width: none;
     max-height: none;
     min-height: 100vh;
+    min-height: 100dvh;
     border: none;
     box-shadow: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
   
   .terminal-overlay {
     background: #c0c0c0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
   
   .terminal-content {
     padding: 4px;
+    height: calc(100% - 24px); /* Account for header height */
+    display: flex;
+    flex-direction: column;
   }
   
   #terminal-output {
+    flex: 1;
     margin-bottom: 8px;
-    font-size: 11px;
-    padding: 4px 6px;
+    font-size: 14px;
+    padding: 8px;
+    overflow-y: auto;
+    min-height: 0; /* Allow flex shrinking */
   }
   
   .terminal-line {
-    font-size: 11px;
-    line-height: 1.2;
-    margin-bottom: 1px;
+    font-size: 14px;
+    line-height: 1.3;
+    margin-bottom: 2px;
   }
   
   .terminal-input-line {
-    padding: 3px 6px;
-    min-height: 20px;
+    flex-shrink: 0; /* Prevent input line from shrinking */
+    padding: 8px;
+    min-height: 44px; /* iOS minimum touch target */
     border: 2px inset #c0c0c0;
     background: #c0c0c0;
+    position: relative;
+    bottom: 0;
   }
   
   .terminal-prompt {
-    font-size: 11px;
-    margin-right: 4px;
+    font-size: 14px;
+    margin-right: 6px;
+    line-height: 1.3;
   }
   
   .terminal-input {
-    font-size: 11px;
-    line-height: 1.2;
+    font-size: 16px; /* Prevent zoom on iOS */
+    line-height: 1.3;
+    min-height: 24px;
+    padding: 4px 0;
   }
   
   .terminal-header {
-    min-height: 20px;
-    padding: 2px 0;
+    flex-shrink: 0;
+    min-height: 24px;
+    padding: 4px 0;
   }
   
   .terminal-title {
-    font-size: 12px;
+    font-size: 14px;
   }
   
   .terminal-close {
-    width: 20px;
-    height: 18px;
-    font-size: 12px;
-    line-height: 16px;
+    width: 24px;
+    height: 20px;
+    font-size: 14px;
+    line-height: 18px;
   }
 }