From dc24da8ed71b8d18806eee2d3aa872d41cd498ba Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel@bitbadger.solutions>
Date: Thu, 19 May 2022 22:15:47 -0400
Subject: [PATCH] Tweak admin styles

---
 src/MyWebLog/themes/admin/layout.liquid     |  6 ++---
 src/MyWebLog/wwwroot/themes/admin/admin.css | 28 ++++++++++++++++++++-
 2 files changed, 30 insertions(+), 4 deletions(-)
diff --git a/src/MyWebLog/themes/admin/layout.liquid b/src/MyWebLog/themes/admin/layout.liquid
index b779c99..f26122e 100644
--- a/src/MyWebLog/themes/admin/layout.liquid
+++ b/src/MyWebLog/themes/admin/layout.liquid
@@ -10,7 +10,7 @@
   </head>
   <body>
     <header>
-      <nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2">
+      <nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2 position-fixed top-0 w-100">
         <div class="container-fluid">
           <a class="navbar-brand" href="/">{{ web_log.name }}</a>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
@@ -55,10 +55,10 @@
       {% endif %}
       {{ content }}
     </main>
-    <footer>
+    <footer class="position-fixed bottom-0 w-100">
       <div class="container-fluid">
         <div class="row">
-          <div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog"></div>
+          <div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog" width="120" height="34"></div>
         </div>
       </div>
     </footer>
diff --git a/src/MyWebLog/wwwroot/themes/admin/admin.css b/src/MyWebLog/wwwroot/themes/admin/admin.css
index 78d0dd3..e0b2276 100644
--- a/src/MyWebLog/wwwroot/themes/admin/admin.css
+++ b/src/MyWebLog/wwwroot/themes/admin/admin.css
@@ -1,4 +1,30 @@
-﻿footer {
+﻿:root {
+  --dark-gray: #212529;
+}
+html {
+  background-color: var(--dark-gray);
+}
+body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--dark-gray) gray;
+  padding-top: 3rem;
+  padding-bottom: 2rem;
+}
+body::-webkit-scrollbar {
+  width: 12px;
+}
+body::-webkit-scrollbar-track {
+  background: gray;
+}
+body::-webkit-scrollbar-thumb {
+  background-color: var(--dark-gray);
+  border-radius: 20px;
+  border: 3px solid gray;
+}
+header nav {
+  z-index: 9;
+}
+footer {
   background-color: #808080;
   border-top: solid 1px black;
   color: white;
