From d714e2b13fbd616e750d5f9cbd89e2bc94706b94 Mon Sep 17 00:00:00 2001
From: Anh Tran <anhtnt@elightup.com>
Date: Thu, 7 Dec 2023 08:52:45 +0700
Subject: [PATCH] Update style for mobiles

---
 assets/settings.css | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/assets/settings.css b/assets/settings.css
index 8185b37..a26a175 100644
--- 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;
+	}
 }
\ No newline at end of file