system menu min width

5 files changed, 29 insertions, 4 deletions

diff --git a/web/kvm/index.html b/web/kvm/index.html
index 7b2a67b0..0b9e458b 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -48,6 +48,7 @@
     <link rel="stylesheet" href="/share/css/kvm/stream.css">
     <link rel="stylesheet" href="/share/css/kvm/hid.css">
     <link rel="stylesheet" href="/share/css/kvm/msd.css">
+    <link rel="stylesheet" href="/share/css/kvm/system.css">
     <link rel="stylesheet" href="/share/css/kvm/keyboard.css">
     <link rel="stylesheet" href="/share/css/kvm/about.css">
     <link rel="stylesheet" href="/share/css/user.css">
@@ -139,7 +140,7 @@
         </li>
       </div>
       <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a>
-        <div class="menu" data-dont-hide-menu>
+        <div class="menu" data-dont-hide-menu id="system-menu">
           <table class="kv" style="width: calc(100% - 20px)">
             <tr>
               <td class="value">Runtime settings &amp; tools</td>
diff --git a/web/kvm/index.pug b/web/kvm/index.pug
index da25991f..ed472b00 100644
--- a/web/kvm/index.pug
+++ b/web/kvm/index.pug
@@ -5,7 +5,7 @@ append vars
 	- main_js = "kvm/main"
 	- body_class = "body-no-select"
 	- css_list = css_list.concat(["navbar", "window", "modal", "led", "slider", "switch", "radio", "progress", "keypad", "tabs"])
-	- css_list = css_list.concat(["kvm/stream", "kvm/hid", "kvm/msd", "kvm/keyboard", "kvm/about"])
+	- css_list = css_list.concat(["kvm/stream", "kvm/hid", "kvm/msd", "kvm/system", "kvm/keyboard", "kvm/about"])
 
 block body
 	include navbar.pug
diff --git a/web/kvm/navbar-system.pug b/web/kvm/navbar-system.pug
index bf53fd9f..c415c8e9 100644
--- a/web/kvm/navbar-system.pug
+++ b/web/kvm/navbar-system.pug
@@ -5,7 +5,7 @@ li(class="right")
 		+navbar_led("hid-keyboard-led", "led-hid-keyboard")
 		+navbar_led("hid-mouse-led", "led-hid-mouse")
 		| System
-	div(data-dont-hide-menu class="menu")
+	div(data-dont-hide-menu id="system-menu" class="menu")
 		table(class="kv" style="width: calc(100% - 20px)")
 			tr
 				td(class="value") Runtime settings &amp; tools
diff --git a/web/share/css/kvm/system.css b/web/share/css/kvm/system.css
new file mode 100644
index 00000000..b2f9c46c
--- /dev/null
+++ b/web/share/css/kvm/system.css
@@ -0,0 +1,25 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main PiKVM daemon.                                           #
+#                                                                            #
+#    Copyright (C) 2018-2022  Maxim Devaev <[email protected]>               #
+#                                                                            #
+#    This program is free software: you can redistribute it and/or modify    #
+#    it under the terms of the GNU General Public License as published by    #
+#    the Free Software Foundation, either version 3 of the License, or       #
+#    (at your option) any later version.                                     #
+#                                                                            #
+#    This program is distributed in the hope that it will be useful,         #
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of          #
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           #
+#    GNU General Public License for more details.                            #
+#                                                                            #
+#    You should have received a copy of the GNU General Public License       #
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.  #
+#                                                                            #
+*****************************************************************************/
+
+
+div#system-menu {
+	min-width: 400px;
+}
diff --git a/web/share/css/navbar.css b/web/share/css/navbar.css
index 7169acc3..90a49ebe 100644
--- a/web/share/css/navbar.css
+++ b/web/share/css/navbar.css
@@ -114,7 +114,6 @@ ul#navbar li div.menu {
 	border-radius: 0 0 8px 8px;
 	position: absolute;
 	background-color: var(--cs-navbar-default-bg);
-	min-width: 180px;
 	box-shadow: var(--shadow-big);
 	z-index: 2147483645;
 }