design: optimize tap target sizes

macrat · Feb 12, 2024 · f2bec51 · f2bec51
1 parent b19b681
commit f2bec51
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -43,7 +43,7 @@
 }
 
 header {
-    margin: 48px 0;
+    margin: 40px 0;
     padding: 0 8px;
 }
 nav {
@@ -69,7 +69,7 @@
     text-decoration: none;
 }
 nav li > a {
-    padding: 0 8px;
+    padding: 0 8px 12px;
 }
 .pageqr {
     display: none;

diff --git a/templates/blog/index.html b/templates/blog/index.html
@@ -11,7 +11,7 @@
 }
 .blog-articles > li {
     margin: 8px -16px;
-    padding: 16px;
+    padding: calc(16px - .5rem) 16px 16px;
 }
 .blog-articles > li > time {
     margin: 1rem 0 0;
@@ -33,11 +33,13 @@
 }
 .tags > li {
     display: inline-block;
-    margin: 0 .1rem;
-    padding: 0 .3rem;
+    margin: .1rem;
+    padding: 0;
 }
 .tags > li > a {
+    display: inline-block;
     text-decoration: none;
+    padding: .5rem .3rem 0;
 }
 
 .pager {