refactor: improve UI for small screens

1 files changed, 13 insertions, 5 deletions

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;
   }