Merge pull request #48 from MinoruSekine/fix/47/improve_usability

fix: Improve UI/UX accessibility. (#47)
MinoruSekine · Aug 12, 2024 · b55b83a · b55b83a
2 parents b1bada1 + f7eed87
commit b55b83a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   </head>
 
   <body>
-    <h1>信長の野望online 九十九の源 計算機</h1>
+    <h1><span>信長の野望online</span> <span>九十九の源</span> <span>計算機</span></h1>
 
     <h2>武器の現状</h2>
     <ul>
@@ -72,7 +72,9 @@ <h2>必要な九十九</h2>
 
     <hr>
 
-    <h2>メモ</h2>
+    <p>
+      <label for="log-textarea">メモ</label>
+    </p>
 
     <p>
       <button type="button" id="memo-button">今の計算結果をメモ</button>

diff --git a/nol_tsukumo.css b/nol_tsukumo.css
@@ -4,20 +4,32 @@ body{
 
 @media screen and (width <= 768px){
     body{
-	font-size: 3vw
+	font-size: 5vw;
+    }
+
+    input{
+	margin-top: 0.5em
+    }
+
+    select{
+	margin-top: 0.5em
     }
 }
 
 h1{
-    font-size: 180%
+    font-size: 150%;
+
+    span {
+	white-space: nowrap
+    }
 }
 
 h2{
-    font-size: 150%
+    font-size: 125%
 }
 
 h3{
-    font-size: 125%
+    font-size: 110%
 }
 
 p{
@@ -29,11 +41,11 @@ li{
 }
 
 input{
-    font-size: 100%
+    font-size: 100%;
 }
 
 select{
-    font-size: 100%
+    font-size: 100%;
 }
 
 button{