From 0198bcfc6f9b56490ce70cb0994151b2ddeca2ac Mon Sep 17 00:00:00 2001
From: kaBeech <contact@kaBeech.com>
Date: Sun, 19 Mar 2023 15:44:16 -0700
Subject: [PATCH] Adjust button styling

---
 index.html | 24 +++++++++++++++++-------
 style.css  | 15 +++++----------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 18e8a2c..c962a63 100644
--- a/index.html
+++ b/index.html
@@ -38,14 +38,24 @@
       <br />
       <div id="previewButtons">
         <div class="flex column">
-          <button id="seriousOriginalButton">Serious Sans</button>
-          <button id="seriousBoldButton">Serious Sans Bold</button>
-          <button id="seriousLightButton">Serious Sans Light</button>
+          <button id="seriousOriginalButton" class="seriousButton">
+            Serious Sans
+          </button>
+          <button id="seriousBoldButton" class="seriousButton">
+            Serious Sans Bold
+          </button>
+          <button id="seriousLightButton" class="seriousButton">
+            Serious Sans Light
+          </button>
         </div>
         <div class="flex column">
-          <button id="seriousItalicButton">Serious Sans Italic</button>
-          <button id="seriousBoldItalicButton">Serious Sans Bold Italic</button>
-          <button id="seriousLightItalicButton">
+          <button id="seriousItalicButton" class="seriousButton">
+            Serious Sans Italic
+          </button>
+          <button id="seriousBoldItalicButton" class="seriousButton">
+            Serious Sans Bold Italic
+          </button>
+          <button id="seriousLightItalicButton" class="seriousButton">
             Serious Sans Light Italic
           </button>
         </div>
@@ -81,7 +91,7 @@
           id="newExampleTextInput"
           name="newExampleTextInput"
         />
-        <input type="button" id="newExampleTextButton" value="Update" />
+        <button id="newExampleTextButton">Update</button>
       </div>
       <br />
       <h2>Downloads</h2>
diff --git a/style.css b/style.css
index 9006f68..fa3eacf 100644
--- a/style.css
+++ b/style.css
@@ -80,10 +80,6 @@ li {
   vertical-align: baseline;
 }
 
-button {
-  width: 16em;
-}
-
 button,
 input {
   padding: 0.1em;
@@ -155,32 +151,31 @@ input.serious {
   font-family: "Serious Sans Light Italic";
 }
 
+.seriousButton {
+  padding-top: 0.3em;
+  width: 16em;
+}
+
 #seriousOriginalButton {
   font-family: "Serious Sans";
-  padding-top: 0.3em;
 }
 
 #seriousItalicButton {
   font-family: "Serious Sans Italic";
-  padding-top: 0.3em;
 }
 
 #seriousBoldButton {
   font-family: "Serious Sans Bold";
-  padding-top: 0.3em;
 }
 
 #seriousBoldItalicButton {
   font-family: "Serious Sans Bold Italic";
-  padding-top: 0.3em;
 }
 
 #seriousLightButton {
   font-family: "Serious Sans Light";
-  padding-top: 0.3em;
 }
 
 #seriousLightItalicButton {
   font-family: "Serious Sans Light Italic";
-  padding-top: 0.3em;
 }