design fix

5 files changed, 38 insertions, 20 deletions

diff --git a/web/css/kvm/about.css b/web/css/kvm/about.css
index 291af04d..ccb3ad53 100644
--- a/web/css/kvm/about.css
+++ b/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);
+}
diff --git a/web/css/main.css b/web/css/main.css
index a9f9600f..953e4f3c 100644
--- a/web/css/main.css
+++ b/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;
diff --git a/web/js/kvm/session.js b/web/js/kvm/session.js
index f2906110..19166a9a 100644
--- a/web/js/kvm/session.js
+++ b/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"
diff --git a/web/js/ui.js b/web/js/ui.js
index ff19cf25..2b41e0b1 100644
--- a/web/js/ui.js
+++ b/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) {
diff --git a/web/kvm.html b/web/kvm.html
index 27c23a86..739f7b18 100644
--- a/web/kvm.html
+++ b/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>
-			source codes, hardware schematics and legal information.<br>
+			<p class="text">
+				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>