Bottom nav looks good now

diff --git a/notes/static/style.css b/notes/static/style.css
index ae3c9da22f6cc61da2bc0cdce841b97c50c2d0b4..3cbd4b7e9169c6476010c9cb9c657c10fd545d18 100644 (file)
--- 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 094e23e381497a3243ac3b3af614bdc82381f327..9499299443f978449ef9c4849e80c50829cf64f8 100644 (file)
--- 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>