From a0019493b63ba869d4efea9e64c0d4d99b609374 Mon Sep 17 00:00:00 2001
From: Uladzimir Karpenka <i@vladimir.cc>
Date: Wed, 20 May 2026 20:56:33 +0300
Subject: [PATCH] Add compact web layout for medium screens

---
 WebPageHtml.pas | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/WebPageHtml.pas b/WebPageHtml.pas
index 9f87104..4de87ec 100644
--- a/WebPageHtml.pas
+++ b/WebPageHtml.pas
@@ -97,6 +97,28 @@ begin
     '.wf-area canvas{position:absolute;top:0;left:0;width:100%;height:100%}' +
     '.sbar{flex:0 0 16px;display:flex;align-items:center;padding:0 6px;gap:10px;background:#0e0e0e;border-top:1px solid #222;font-size:10px;color:#555}' +
     '#latEl{margin-left:auto}' +
+    '@media screen and (max-width:1300px) and (min-width:641px){' +
+    '.tbar{gap:3px;padding-left:4px;padding-right:4px;}' +
+    'button{padding:0 6px;font-size:10px;}' +
+    'select{padding:0 3px;font-size:10px;}' +
+    '.sl-g{gap:2px;}' +
+    '.sl-lb,.sl-val{font-size:9px;}' +
+    '.sl-val{min-width:2.1em;}' +
+    '.sl-sep{padding:0 1px;}' +
+    'input[type=range]{width:54px;}' +
+    '#smeter{width:260px;height:58px;}' +
+    '.row2{height:66px;gap:4px;}' +
+    '.vfo-mid{gap:3px;min-width:0;}' +
+    '.vbtn{width:30px;height:30px;font-size:11px;}' +
+    '.vfo-ro{font-size:32px;height:54px;padding-left:3px;padding-right:3px;padding-top:9px;}' +
+    '.vfo-ro .dg,.vfo-ro .sp{font-size:32px;}' +
+    '.vfo-hz .dg{font-size:16px;}' +
+    '.swap-g{gap:2px;}' +
+    '.swap-g button{padding:0 4px;font-size:9px;}' +
+    '.vfo-sp{width:4px!important;}' +
+    '.right-g{gap:3px;}' +
+    '.right-g button,.right-g select{height:54px;font-size:10px;}' +
+    '}' +
     '@media screen and (max-width:640px){' +
     'body{overflow:auto;height:auto;min-height:100vh;}' +
     '.wrap{height:auto;min-height:100vh;padding:3px;}' +