system menu min width

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>

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

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 & tools

web/share/css/kvm/system.css

@@ -0,0 +1,25 @@
+/*****************************************************************************
+#                                                                            #
+#    KVMD - The main PiKVM daemon.                                           #
+#                                                                            #
+#    Copyright (C) 2018-2022  Maxim Devaev <mdevaev@gmail.com>               #
+#                                                                            #
+#    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;
+}

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;
 }