Correct alignment of button icons

chriswilty · Apr 8, 2024 · d5b8add · d5b8add
1 parent ec5d14e
commit d5b8add
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
  <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Simple Counter</title>
+ <title>Counter Demo</title>
  </head>
  <body>
  <div id="root"></div>

diff --git a/src/App.css b/src/App.css
@@ -81,7 +81,8 @@ main button[aria-disabled='true']:hover ~ .tooltip {
 }
 main button .icon {
  font-size: 2rem;
- line-height: 1;
+ line-height: 1.75rem;
+ padding-bottom: 0.25rem;
 }
 
 @media (prefers-color-scheme: light) {