design fix

2 files changed, 30 insertions, 16 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;