songs2slides

commit b74102c27ef21f7749cbb1b4d33e733295137a2e
parent 38cecba22bbf9b9115d1534dc279720e607798ec
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sun, 21 Jun 2020 08:50:15 -0700

Improve headers on settings page.

Diffstat:
M
Songs2Slides/static/settings.css
 | 
10
++++++++--
M
Songs2Slides/templates/settings.html
 | 
13
++++++-------

2 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/Songs2Slides/static/settings.css b/Songs2Slides/static/settings.css
@@ -5,11 +5,17 @@
     line-height: 30px;
 }
 
-h3:first-child {
+h2 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    text-align: center;
+}
+
+h4:first-of-type {
     margin-top: 0px;
 }
 
-h3 {
+h4 {
     margin-bottom: 0px;
 }
 
diff --git a/Songs2Slides/templates/settings.html b/Songs2Slides/templates/settings.html
@@ -13,10 +13,9 @@
             <h1>Songs2Slides</h1>
         </div>
 
-        <h2>Settings</h2>
-
         <div id="settings" class="container">
-            <h3>Parsing</h3>
+            <h2>Settings</h2>
+            <h4>Parsing</h4>
             <div>
                 Add title slides:
                 <input type="checkbox" id="title-slides" onchange="saveSettings();"/>
@@ -30,7 +29,7 @@
                 <input type="checkbox" id="remove-parentheses" onchange="saveSettings();"/>
             </div>
 
-            <h3>Slide settings</h3>
+            <h4>Slide settings</h4>
             <div>
                 Width (Inches):
                 <input type="number" min="0" step="any" id="slide-width" onchange="saveSettings();"/>
@@ -44,7 +43,7 @@
                 <input type="color" id="slide-color" onchange="saveSettings();"/>
             </div>
 
-            <h3>Margin settings</h3>
+            <h4>Margin settings</h4>
             <div>
                 Left (Inches):
                 <input type="number" min="0" step="any" id="margin-left" onchange="saveSettings();"/>
@@ -62,7 +61,7 @@
                 <input type="number" min="0" step="any" id="margin-bottom" onchange="saveSettings();"/>
             </div>
 
-            <h3>Font settings</h3>
+            <h4>Font settings</h4>
             <div>
                 Family:
                 <input id="font-family" list="fonts" onchange="saveSettings();">
@@ -100,7 +99,7 @@
                 <input type="color" id="font-color" onchange="saveSettings();"/>
             </div>
 
-            <h3>Pharagraph settings</h3>
+            <h4>Pharagraph settings</h4>
             <div>
                 Vertical Alignment:
                 <select id="vertical-alignment" onchange="saveSettings();">