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/ProxyGroup.module.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

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

diff --git a/src/components/ProxyGroup.module.css b/src/components/ProxyGroup.module.css
index a7cce49..08c4b42 100644
--- a/src/components/ProxyGroup.module.css
+++ b/src/components/ProxyGroup.module.css
@@ -2,6 +2,11 @@
   > h2 {
     margin-top: 0;
 
+    font-size: 1.3em;
+    @media (--breakpoint-not-small) {
+      font-size: 1.5em;
+    }
+
     span:nth-child(2) {
       font-size: 12px;
       color: #777;
@@ -18,8 +23,11 @@
 
 .proxy {
   max-width: 280px;
-  min-width: 150px;
-  margin: 10px;
+  margin: 2px;
+  @media (--breakpoint-not-small) {
+    min-width: 150px;
+    margin: 10px;
+  }
   transition: transform 0.2s ease-in-out;
 
   &.proxySelectable {
-- 
cgit v1.3.1