Updated build system and added page to select host mode or auto detection

webserver/css/sharpkey.css

@@ -262,5 +262,80 @@ input[type=radio] .radio-mouse,
 input.radio .radio-mouse {
     float: left;
     clear: none;
-    margin: 2px 0 0 2px;    
+    margin: 2px 0 0 2px;
+}
+
+/* Sidebar navigation styling */
+.side-nav > li > a {
+  margin-left: 20px;
+  padding-left: 15px;
+}
+
+.side-nav .collapse {
+  padding-left: 0;
+  list-style: none;
+}
+
+.side-nav .collapse li > a {
+  margin-left: 40px;
+  font-size: 0.95em;
+}
+
+.side-nav .collapse .collapse li > a {
+  padding-left: 55px;
+  font-size: 0.92em;
+}
+
+.side-nav .collapse a > i {
+  margin-right: 8px;
+  width: 18px;
+  text-align: center;
+}
+
+.side-nav li > a.dropdown-toggle {
+  font-weight: 500;
+}
+
+.side-nav > li > a:hover,
+.side-nav > li > a:focus,
+.side-nav .collapse li > a:hover,
+.side-nav .collapse li > a:focus {
+  background-color: rgba(255, 200, 50, 0.15) !important;
+  color: #ffd700 !important;
+}
+
+.side-nav li.active > a {
+  background-color: #262c32;
+  color: white !important;
+}
+
+.side-nav a.active {
+  background-color: #322f11;
+  color: white !important;
+  font-weight: bold;
+}
+
+.side-nav .dropdown-toggle {
+  padding-right: 25px;
+  position: relative;
+}
+
+.side-nav .dropdown-toggle .caret {
+  position: absolute;
+  right: 40px;
+  top: 50%;
+  margin-top: -2px;
+  float: none;
+}
+
+.side-nav a:focus:not(:focus-visible),
+.side-nav .dropdown-toggle:focus:not(:focus-visible) {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+.side-nav a:focus-visible,
+.side-nav .dropdown-toggle:focus-visible {
+  outline: 2px solid #1abc9c;
+  outline-offset: 1px;
 }