From a1b59bb47eddc5410b2ccfb5b96e8b7ed7ae2aef Mon Sep 17 00:00:00 2001
From: dr|z3d <z3d@i2pmail.org>
Date: Tue, 17 Aug 2021 12:57:44 +0000
Subject: [PATCH] Console: css tweaks

---
 webconsole/style.css | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/webconsole/style.css b/webconsole/style.css
index 0078e076..9f2c8549 100644
--- a/webconsole/style.css
+++ b/webconsole/style.css
@@ -170,7 +170,7 @@ b {
 
 #main {
 	margin: 0 auto;
-	min-width: 300px;
+	width: 100%;
 	max-width: 700px;
 	font-size: 85%;
 	border: 2px solid var(--border);
@@ -1211,6 +1211,10 @@ input[type=checkbox]:checked + label::after {
 		padding: 1px 3px;
 	}
 
+		.chrome a.button {
+			min-width: 40px;
+		}
+
 	.b32, .listitem a[href*="local_destination&b32"] {
 		max-width: 300px;
 		display: inline-block;
@@ -1250,10 +1254,6 @@ input[type=checkbox]:checked + label::after {
 }
 
 @media screen and (max-width: 800px) {
-	#main {
-		width: 100%;
-	}
-
 	td {
 		padding: 5px 10px;
 	}
@@ -1334,15 +1334,13 @@ input[type=checkbox]:checked + label::after {
 		height: 10px;
 		background: var(--tag) no-repeat left center / 10px
 	}
-/*
-	@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
-		#main {
-			width: 300px;
-		}
-	}*/
 }
 
 @media screen and (min-width: 1000px) {
+	#main {
+		margin: 2%;
+	}
+
 	.tunnelid[data-tooltip]:hover::after, .tunnelid[data-tooltip]:active::after {
 		display: none;
 	}
@@ -1354,10 +1352,6 @@ input[type=checkbox]:checked + label::after {
 }
 
 @media screen and (min-width: 1200px) {
-	#main {
-		width: 70%;
-	}
-
 	#navlinks a {
 		margin-top: 0;
 		margin-bottom: 0;