From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 14 Jan 2023 22:09:10 +0000 (-0800)
Subject: Widen input to accommodate larger graphemes
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=f95b9431f8081bef21ced6771fe19f21a1987783;p=utf-8-visualizer

Widen input to accommodate larger graphemes
---

diff --git a/style.css b/style.css
index 54cf89c..346ba18 100644
--- a/style.css
+++ b/style.css
@@ -27,7 +27,7 @@ input {
   display: block;
   background: hsl(222deg 50% 95%);
   color: hsl(222deg 50% 10%);
-  inline-size: 4rem;
+  inline-size: 6rem;
   block-size: 4rem;
   margin-inline: auto;
   margin-block-end: 8px;
@@ -35,6 +35,7 @@ input {
   border-radius: 4px;
   border: none;
   font-size: 3rem;
+  text-align: center;
   transition: filter 800ms;
 }