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

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

diff --git a/src/components/Rule.module.css b/src/components/Rule.module.css
index 6505aa6..14da5d9 100644
--- a/src/components/Rule.module.css
+++ b/src/components/Rule.module.css
@@ -1,7 +1,10 @@
 .rule {
   display: flex;
   align-items: center;
-  padding: 10px 40px;
+  padding: 6px 15px;
+  @media (--breakpoint-not-small) {
+    padding: 10px 40px;
+  }
 }
 
 .left {
@@ -21,7 +24,10 @@
 .b {
   padding: 10px 0;
   font-family: 'Roboto Mono', Menlo, monospace;
-  font-size: 19px;
+  font-size: 16px;
+  @media (--breakpoint-not-small) {
+    font-size: 19px;
+  }
 }
 
 .type {
-- 
cgit v1.3.1