Styling improvements

OperaVaria · Feb 26, 2024 · 33532a8 · 33532a8
1 parent 0075447
commit 33532a8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -50,13 +50,13 @@ body {
 .title {
     flex-basis: 100%;
     font-size: 2.5em;
-    margin: 1em;
+    margin: 1em 1em 0em 1em;
 }
 
 .subtitle {
     flex-basis: 100%;
     font-size: 1.5em;
-    margin: 1em
+    margin: 0em 1em 1em 1em;
 }
 
 .item {
@@ -141,15 +141,20 @@ img.icon:hover {
   text-decoration: underline;
 }
 
-/* Footer */
-
-hr {
+.ln-top {
+  border-top: 3px solid #b6b8bc;
+  width: 80%;
+  overflow: hidden;
+}
+.ln-bottom {
   border-top: 3px solid #b6b8bc;
   margin: 2em auto;
   width: 95%;
   overflow: hidden;
 }
 
+/* Footer */
+
 footer {
   display: block;
   margin-bottom: 1em;

diff --git a/templates/base.html b/templates/base.html
@@ -18,7 +18,7 @@
 <body>
 <!-- Jinja2 body nesting. -->
 {% block body %}{% endblock %}
-<hr>
+<hr class="ln-bottom">
 <!-- Footer, part of body, on every page. -->
 <footer>
   <p>&copy; OperaVaria, <span id="yearVariable"></span>

diff --git a/templates/index.html b/templates/index.html
@@ -5,6 +5,7 @@
   <div class="title">
     <h1>Instant Serotonin</h1>
   </div>
+  <hr class="ln-top">
   <div class="subtitle">
     <h2>Choose your source</h2>
   </div>