Update style for mobiles

elightup · Dec 7, 2023 · d714e2b · d714e2b
1 parent 286721c
commit d714e2b
Showing 1 changed file with 24 additions and 6 deletions.
diff --git a/assets/settings.css b/assets/settings.css
@@ -9,6 +9,7 @@
 	border-radius: 6px;
 }
 
+.auto-fold #wpcontent,
 #wpcontent {
 	padding-left: 0;
 }
@@ -19,6 +20,8 @@
 	z-index: 9;
 	display: flex;
 	justify-content: space-between;
+	flex-wrap: wrap;
+	gap: 24px;
 	border-bottom: 1px solid #e0e0e0;
 	padding: 12px 24px;
 	background: #fff;
@@ -71,6 +74,7 @@
 	min-height: 40px;
 	line-height: 40px;
 	padding: 0 20px;
+	margin: 0;
 }
 
 .e-body {
@@ -87,12 +91,6 @@
 	gap: 24px;
 }
 
-@media (max-width: 767px) {
-	.e-wrapper {
-		grid-template-columns: 1fr;
-	}
-}
-
 .e-widget {
 	margin-bottom: 24px;
 }
@@ -214,4 +212,24 @@ fieldset label {
 
 fieldset p {
 	font-style: italic;
+}
+
+@media (max-width: 767px) {
+	.e-header {
+		position: static;
+		padding-inline: 12px;
+		justify-content: center;
+	}
+
+	.e-branding {
+		display: none;
+	}
+
+	.e-body {
+		padding-inline: 12px;
+	}
+
+	.e-wrapper {
+		grid-template-columns: 1fr;
+	}
 }