design fix

web/css/kvm/about.css

@@ -2,6 +2,8 @@ div#about {
 	-webkit-user-select: text;
 	-moz-user-select: text;
 	user-select: text;
+	max-width: 600px;
+	white-space: normal;
 	padding: 5px 5px 5px 5px;
 }
 
@@ -21,21 +23,24 @@ div#about tr.version {
 	font-family: monospace;
 }
 
+
 div#about textarea {
 	display: block;
 	resize: none;
 	width: 100%;
-	height: 150px;
+	height: 200px;
 	padding: 0;
 	color: var(--fg-color-normal);
 	background-color: var(--bg-color-menu);
 	border: none;
+	border-radius: 4px;
 	outline: 0 !important;
 	box-sizing: border-box;
 	padding: 5px;
 	font-family: monospace;
 	-webkit-appearance:none;
 }
+
 div#about textarea::-moz-placeholder {
 	line-height: 150px;
 	text-align: center;
@@ -44,3 +49,11 @@ div#about textarea::-webkit-input-placeholder {
 	line-height: 150px;
 	text-align: center;
 }
+
+div#about textarea::-webkit-scrollbar {
+    width: 8px;
+}
+div#about textarea::-webkit-scrollbar-thumb {
+	border-radius: 4px;
+	background: var(--fg-color-inactive);
+}

web/css/main.css

@@ -13,26 +13,33 @@ body.body-no-select {
 }
 
 a {
-	text-decoration: underline dotted;
 	color: var(--fg-color-normal);
 }
-@media (hover: hover), (min--moz-device-pixel-ratio: 0) {
-	/* If we have a mouse cursor */
-	a:hover {
-		text-decoration: underline;
-	}
-}
 
 hr {
 	border: none;
 	border-top: var(--border-normal-thin);
 }
 
-pre {
+p.text {
+	display: table-cell;
+	text-align: justify;
+}
+
+pre.code {
+	overflow-x: auto;
 	color: var(--fg-color-dark);
 	background-color: var(--bg-color-dark);
 	padding: 10px;
-	border-radius: 8px;
+}
+pre.code span.code-comment {
+	color: var(--fg-color-inactive);
+}
+
+img.svg-gray {
+	-webkit-filter: invert(0.7);
+	filter: invert(0.7);
+	vertical-align: middle;
 }
 
 button, select {
@@ -120,12 +127,6 @@ div.buttons-row {
 	border-left: var(--border-dark-thin);
 }
 
-img.svg-gray {
-	-webkit-filter: invert(0.7);
-	filter: invert(0.7);
-	vertical-align: middle;
-}
-
 ul.footer {
 	list-style-type: none;
 	bottom: 0;

web/js/kvm/session.js

@@ -28,7 +28,7 @@ function Session() {
 					var info = JSON.parse(http.responseText).result;
 					if (info.meta) {
 						$("about-meta").innerHTML = (
-							"// The server metadata.\n"
+							"// Pi-KVM metadata.\n"
 							+ "// You can get this json using handle /kvmd/info.\n"
 							+ "// In the standard configuration this data\n"
 							+ "// is specified in the file /etc/kvmd/meta.yaml.\n\n"

web/js/ui.js

@@ -292,7 +292,9 @@ function Ui() {
 				max_z_index = z_index;
 			}
 		});
-		__raiseWindow(last_el_window);
+		if (last_el_window) {
+			__raiseWindow(last_el_window);
+		}
 	};
 
 	var __raiseWindow = function(el_window) {

web/kvm.html

@@ -575,8 +575,10 @@
 			<hr>
 			<textarea readonly placeholder="No data" id="about-meta"></textarea>
 			<hr>
-			Please visit our site <a target="_blank" href="https://github.com/pi-kvm">https://github.com/pi-kvm</a> to get documentation,<br>
+			<p class="text">
-			source codes, hardware schematics and legal information.<br>
+				Please visit our site <a target="_blank" href="https://github.com/pi-kvm">https://github.com/pi-kvm</a> to get documentation,
+				source codes, hardware schematics and legal information.
+			</p>
 		</div>
 	</div>