From c28e30826fc02d036359a975ae5735918d4b69f7 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Thu, 23 Jan 2025 16:27:01 -0600
Subject: Tweak styling to reduce vertical space usage.

---
 uploader/static/css/styles.css | 14 ++++++++------
 uploader/templates/base.html   |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

(limited to 'uploader')

diff --git a/uploader/static/css/styles.css b/uploader/static/css/styles.css
index f482c1b..1c3e677 100644
--- a/uploader/static/css/styles.css
+++ b/uploader/static/css/styles.css
@@ -3,7 +3,7 @@ body {
     box-sizing: border-box;
     display: grid;
     grid-template-columns: 1fr 6fr;
-    grid-template-rows: 5em 100%;
+    grid-template-rows: 4em 100%;
     grid-gap: 20px;
 
     font-family: Georgia, Garamond, serif;
@@ -24,7 +24,7 @@ body {
 }
 
 #header .header {
-    font-size: 2em;
+    font-size: 1.7em;
     display: inline-block;
     text-align: start;
 }
@@ -38,7 +38,7 @@ body {
     border-width: 1px;
     border-color: #FFFFFF;
     vertical-align: middle;
-    margin: 0.2em;
+    margin: 0.01em;
     border-style: solid;
     border-width: 2px;
     border-radius: 0.5em;
@@ -66,7 +66,8 @@ body {
 }
 
 .pagetitle {
-    padding-top: 0.5em;
+    line-height: 1;
+    padding-top: 0.2em;
     /* background: pink; */
     border-radius: 0.5em;
     /* background-color: #6699CC; */
@@ -74,10 +75,11 @@ body {
     background-color: #88BBEE;
 }
 
-.pagetitle h1 {
+.pagetitle .title {
     text-align: start;
     text-transform: capitalize;
-    padding-left: 0.25em;
+    padding-left: 0.5em;
+    font-size: 1.7em;
 }
 
 .pagetitle .breadcrumb {
diff --git a/uploader/templates/base.html b/uploader/templates/base.html
index 3a8ef16..c124b13 100644
--- a/uploader/templates/base.html
+++ b/uploader/templates/base.html
@@ -93,7 +93,7 @@
     <main id="main" class="main container-fluid">
 
       <div class="pagetitle row">
-        <h1>GN Uploader: {%block pagetitle%}{%endblock%}</h1>
+        <span class="title">GN Uploader: {%block pagetitle%}{%endblock%}</span>
         <nav>
           <ol class="breadcrumb">
             <li {%if activelink is not defined or activelink=="home"%}
-- 
cgit v1.2.3