kvm: link to index

web/css/menu.css

@@ -1,4 +1,4 @@
-ul.menu {
+ul#menu {
 	box-shadow: var(--shadow-small);
 	list-style-type: none;
 	margin: 0;
@@ -11,24 +11,38 @@ ul.menu {
 	z-index: 2147483646;
 }
 
-ul.menu li.menu-logo {
+ul#menu li.menu-right-items {
-	line-height: 50px;
-	margin-top: -2px;
-	margin-left: 16px;
-	float: left;
-}
-
-ul.menu li.menu-right-items {
 	float: right;
 }
 
-ul.menu img {
+ul#menu li.menu-left-items {
+	float: left;
+}
+
+ul#menu li a#menu-logo {
+	line-height: 50px;
+	outline: none;
+	cursor: pointer;
+	border-right: var(--border-menu-thin);
+	display: inline-block;
+	color: var(--cs-menu-default-fg);
+	padding-left: 16px;
+	padding-right: 16px;
+	text-decoration: none;
+}
+
+ul#menu img {
 	vertical-align: middle;
 	margin-right: 10px;
 	height: 20px;
 }
 
-ul.menu li a.menu-item {
+ul#menu li a#menu-logo img {
+	margin-top: -2px;
+	height: 24px;
+}
+
+ul#menu li a.menu-item {
 	line-height: 50px;
 	outline: none;
 	cursor: pointer;
@@ -40,22 +54,22 @@ ul.menu li a.menu-item {
 	text-decoration: none;
 }
 
-ul.menu li a.menu-item:hover:not(.active) {
+ul#menu li a#menu-logo:hover:not(.active), a.menu-item:hover:not(.active) {
 	background-color: var(--cs-menu-hovered-bg);
 }
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 	/* iPad 8 */
-	ul.menu li a.menu-item:hover:not(.active) {
+	ul#menu li a#menu-item:hover:not(.active), a.menu-item:hover:not(.active) {
 		background-color: var(--cs-menu-default-bg) !important;
 	}
 }
 
-ul.menu li a.menu-item-selected {
+ul#menu li a.menu-item-selected {
 	box-shadow: var(--shadow-menu-pressed);
 	background-color: var(--cs-menu-pressed-bg) !important;
 }
 
-ul.menu li div.menu-item-content {
+ul#menu li div.menu-item-content {
 	visibility: hidden;
 	overflow: hidden;
 	white-space: nowrap;
@@ -69,21 +83,21 @@ ul.menu li div.menu-item-content {
 	z-index: 2147483645;
 }
 
-ul.menu li div.menu-item-content-buttons {
+ul#menu li div.menu-item-content-buttons {
 	background-color: var(--cs-control-default-bg);
 }
 
-ul.menu li div.menu-item-content-text {
+ul#menu li div.menu-item-content-text {
 	margin: 10px 15px 10px 15px;
 	font-size: 14px;
 }
 
-ul.menu li div.menu-item-content button, select {
+ul#menu li div.menu-item-content button, select {
 	text-align: left;
 	padding: 0 16px;
 }
 
-ul.menu li div.menu-item-content hr {
+ul#menu li div.menu-item-content hr {
 	margin: 0;
 	display: block;
 	height: 0px;

web/js/ui.js

@@ -32,6 +32,11 @@ function Ui() {
 			}
 		});
 
+		var el_menu_logo = $("menu-logo");
+		if (el_menu_logo) {
+			el_menu_logo.onclick = () => window.history.back();
+		}
+
 		window.onmouseup = __globalMouseButtonHandler;
 		window.ontouchend = __globalMouseButtonHandler;
 

web/kvm/index.html

@@ -61,9 +61,12 @@
 		</div>
 	</div>
 
-	<ul id="menu" class="menu">
+	<ul id="menu">
-		<li class="menu-logo">
+		<li class="menu-left-items">
-			<img class="svg-gray" src="../svg/logo.svg" alt="&pi;-kvm" />
+			<a id="menu-logo" href="#">
+				&#8617;&nbsp;&nbsp;
+				<img class="svg-gray" src="../svg/logo.svg" alt="&pi;-kvm" />
+			</a>
 		</li>
 
 		<li class="menu-right-items">

web/svg/logo.svg

@@ -9,9 +9,9 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16.933332mm"
+   width="64"
-   height="4.3488798mm"
+   height="18"
-   viewBox="0 0 16.933332 4.3488798"
+   viewBox="0 0 16.933333 4.7625002"
    version="1.1"
    id="svg8"
    inkscape:version="0.92.2 2405546, 2018-03-11"
@@ -26,8 +26,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="11.2"
-     inkscape:cx="23.887322"
+     inkscape:cx="13.879867"
-     inkscape:cy="-8.8986029"
+     inkscape:cy="2.1728257"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -39,7 +39,8 @@
      inkscape:window-height="1020"
      inkscape:window-x="0"
      inkscape:window-y="30"
-     inkscape:window-maximized="1" />
+     inkscape:window-maximized="1"
+     units="px" />
   <metadata
      id="metadata5">
     <rdf:RDF>
@@ -56,10 +57,10 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-11.627273,-5.9349994)">
+     transform="translate(-11.627273,-5.521379)">
     <g
        aria-label="π-kvm"
-       transform="matrix(0.44662735,0,0,0.44662735,-8.0000339,-7.0757243)"
+       transform="matrix(0.44662735,0,0,0.44662735,-8.0000339,-7.4893447)"
        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.59240288px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        id="flowRoot4747">
       <path