Merge pull request #5406 from chromoxdor/CSS-for-two-extra-tabs

[CSS] Future CSS for Network & Interfaces tab

Author: TD-er

static/espeasy_default.css

@@ -454,16 +454,19 @@ textarea,
 }
 
 .menubar {
+	display: flex;
 	position: inherit;
 	top: 54px;
-	width: 100%
+	max-width: 960px;
 }
 
 a.menu {
 	align-items: center;
 	display: flex;
 	height: 46px;
-	justify-content: center
+	justify-content: center;
+	gap: 2px;
+	width: 100%
 }
 
 .menu {
@@ -576,13 +579,15 @@ canvas {
 	filter: invert(var(--iv)) hue-rotate(var(--ro));
 }
 
-@media screen and (max-width:830px) {
+@media screen and (max-width:960px) {
 	.showmenulabel {
 		display: none
 	}
 
-	a.menu {
-		width: 11%
+	.menubar {
+		width: 100%;
+		max-width: 700px;
+		left: 0
 	}
 }