From: Patrick Canterino <patrick@patrick-canterino.de>
Date: Mon, 31 Jan 2022 18:33:33 +0000 (+0100)
Subject: Bottom nav looks good now
X-Git-Url: https://git.p6c8.net/pcdenotes.git/commitdiff_plain/5603ef1d534888f3e85b93c98fb2623d4154fead?ds=sidebyside

Bottom nav looks good now
---

diff --git a/notes/static/style.css b/notes/static/style.css
index ae3c9da..3cbd4b7 100644
--- a/notes/static/style.css
+++ b/notes/static/style.css
@@ -13,18 +13,31 @@ h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
     color: #212529;
 }
 
+
+article .publication-date {
+    font-style: italic;
+    font-size: smaller;
+}
+
 footer {
     color: #ffffff;
     background-color: #212529;
 }
 
+@media screen and (min-width: 600px) {
+    footer div:first-child {
+        padding-left: 10em;
+        padding-right: 10em;
+    }
+}
+
 footer ul {
     list-style-type: none;
     margin-left: 0;
     padding-left: 0;
 }
 
-article .publication-date {
-    font-style: italic;
-    font-size: smaller;
+footer #copyright {
+    text-align: center;
+    margin-top: 2em;
 }
\ No newline at end of file
diff --git a/notes/templates/note_base.html b/notes/templates/note_base.html
index 094e23e..9499299 100644
--- a/notes/templates/note_base.html
+++ b/notes/templates/note_base.html
@@ -22,18 +22,18 @@
 
   <footer class="container-fluid p-5 mt-5">
     <div class="row">
-      <div class="col-lg-6 col-md-12 col-sm-12">
+      <div class="col-lg-3 col-md-12 col-sm-12">
         <ul>
           <li><a href="{% url "notes:note_list" %}">Home</a></li>
           <li><a href="{% url "notes:archive_main" %}">Archive</a></li>
         </ul>
       </div>
-      <div class="col-lg-6 col-md-12 col-sm-12">
+      <div class="col-lg-3 offset-lg-6 col-md-12 col-sm-12">
         This site contains random notes and thoughts by <a href="https://www.patrick-canterino.de/">Patrick Canterino</a>.<br>
         If you have any questions, you may write me an email: <a href="mailto:patrick@patrick-canterino.de">patrick@patrick-canterino.de</a>
       </div>
     </div>
-    <div class="text-center">
+    <div id="copyright">
       © 2022 <a href="https://www.patrick-canterino.de/">Patrick Canterino</a>
     </div>
   </footer>