From 9065b258cc0e34f36bee7c200990178b3d57d9cb Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Sat, 12 Nov 2022 18:53:49 +0300
Subject: [PATCH] css fix

---
 web/kvm/index.html        | 4 ++--
 web/kvm/navbar-text.pug   | 4 ++--
 web/share/css/kvm/hid.css | 6 +++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/kvm/index.html b/web/kvm/index.html
index d5399a68..fb49ad89 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -620,10 +620,10 @@
         </div>
       </li>
       <li class="right" id="text-dropdown"><a class="menu-button" href="#"><img class="feature-disabled" id="stream-ocr-led" src="/share/svg/led-gear.svg"><span>Text</span></a>
-        <div class="menu">
+        <div class="menu" id="text-menu">
           <div class="text"><b>Paste text as keypress sequence<br></b><sub>Please note that PiKVM cannot switch the keyboard layout</sub></div>
           <hr>
-          <div class="text">
+          <div class="text" style="margin-right: 20px">
             <textarea id="hid-pak-text" placeholder="Enter your text here"></textarea>
           </div>
           <table class="kv">
diff --git a/web/kvm/navbar-text.pug b/web/kvm/navbar-text.pug
index 510cdbe3..6ae9c810 100644
--- a/web/kvm/navbar-text.pug
+++ b/web/kvm/navbar-text.pug
@@ -2,12 +2,12 @@ li(id="text-dropdown" class="right")
 	a(class="menu-button" href="#")
 		+navbar_led("stream-ocr-led", "led-gear", "feature-disabled")
 		span Text
-	div(class="menu")
+	div(id="text-menu" class="menu")
 		div(class="text")
 			b Paste text as keypress sequence#[br]
 			sub Please note that PiKVM cannot switch the keyboard layout
 		hr
-		div(class="text")
+		div(class="text" style="margin-right: 20px")
 			textarea(id="hid-pak-text" placeholder="Enter your text here")
 		table(class="kv")
 			tr
diff --git a/web/share/css/kvm/hid.css b/web/share/css/kvm/hid.css
index e27812ce..10595b41 100644
--- a/web/share/css/kvm/hid.css
+++ b/web/share/css/kvm/hid.css
@@ -20,11 +20,15 @@
 *****************************************************************************/
 
 
+div#text-menu {
+	width: 340px;
+}
+
 textarea#hid-pak-text {
 	display: block;
 	resize: none;
 	height: 120px;
-	width: 320px;
+	width: 100%;
 	border: var(--border-default-thin);
 	border-radius: 4px;
 	color: var(--cs-code-default-fg);