From c28ff93b67a3da5cbff0d2ffeddfc16fd1dd3438 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 17 Nov 2019 17:31:59 +0800
Subject: refactor: improve UI for small screens

---
 src/components/Config.module.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

(limited to 'src/components/Config.module.css')

diff --git a/src/components/Config.module.css b/src/components/Config.module.css
index 2f9fad2..d7fa40a 100644
--- a/src/components/Config.module.css
+++ b/src/components/Config.module.css
@@ -1,17 +1,25 @@
 .root {
-  padding: 10px 40px 40px;
-
   > div {
-    width: 360px;
+    min-width: 345px;
+    @media (--breakpoint-not-small) {
+      width: 360px;
+    }
   }
 }
 
+.root,
 .section {
-  padding: 10px 40px 40px;
+  padding: 6px 15px 15px;
+  @media (--breakpoint-not-small) {
+    padding: 10px 40px 40px;
+  }
 }
 
 .sep {
-  padding: 0 40px;
+  padding: 0 15px;
+  @media (--breakpoint-not-small) {
+    padding: 0 40px;
+  }
   > div {
     border-top: 1px dashed #373737;
   }
-- 
cgit v1.3.1