From 16f08dce7fc0d5c3d7f8f0fa00629d268adb71d7 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Tue, 1 Jul 2025 02:09:15 -0500
Subject: [PATCH] Tweak icon size and alignment

Use em units so it matches the text size automatically. Using sub for
vertical-align seems to look a little nicer? Maybe only so because now
the height of icon matches the font size now.
---
 assets/css/bobastyle.css | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 63159cc..db4f1c7 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -291,17 +291,12 @@ table.simple tbody tr:nth-child(even) {
 
 /* Icons */
 .icon {
-  width: 20px;
-  height: 20px;
+  width: 1em;
+  height: 1em;
   color: var(--text-1);
   text-align: center;
   display: inline;
-  vertical-align: middle;
-}
-
-h1 svg.icon {
-  width: 30px;
-  height: 30px;
+  vertical-align: sub;
 }
 
 /* }}} */
@@ -315,11 +310,6 @@ h1 svg.icon {
   font-weight: bold;
 }
 
-.heading-link svg {
-  width: 15px;
-  height: 15px;
-}
-
 /* }}} */
 
 /* Top bar formatting {{{ */
@@ -676,6 +666,7 @@ h1 svg.icon {
   display: flex;
   gap: 8px;
   justify-content: center;
+  font-size: 32px;
 }
 
 .share-buttons a {
@@ -690,8 +681,7 @@ h1 svg.icon {
 }
 
 .share-buttons svg {
-  width: 32px;
-  height: 32px;
+  display: block;
 }
 
 /* https://stackoverflow.com/a/72073682/19003757 */