Add min-width to panel, responsive on mobile portrait

index.html

@@ -20,13 +20,20 @@
             z-index: 9999;
             font-size: clamp(11px, 1.4vh, 16px);
             line-height: 1.5;
-            width: min(35vh, 16vw);
+            width: clamp(280px, min(35vh, 30vw), 40vw);
             max-height: 96vh;
             display: flex;
             flex-direction: column;
             overflow-y: auto;
             align-items: stretch;
         }
+
+        @media (orientation: portrait) and (max-width: 700px) {
+            #info-panel {
+                width: 90vw;
+                right: 5vw;
+            }
+        }
         #analog-clock {
             width: 100%;
             height: auto;