CSS and template tweaks

diff --git a/notes/static/notes/style.css b/notes/static/notes/style.css
index 3cbd4b7e9169c6476010c9cb9c657c10fd545d18..8af1866a1c8a4279cc8f2bc5e1a986bd3d04c3a8 100644 (file)
--- a/notes/static/notes/style.css
+++ b/notes/static/notes/style.css
@@ -25,9 +25,8 @@ footer {
 }
 
 @media screen and (min-width: 600px) {
-    footer div:first-child {
-        padding-left: 10em;
-        padding-right: 10em;
+    footer div#footer-left {
+        text-align: right;
     }
 }
 

diff --git a/notes/templates/note_base.html b/notes/templates/note_base.html
index c8df659a812b92424c500cd1f017e0fdab47cb7e..c792a72898bf70699d2dba6cb32efa0de8cd335b 100644 (file)
--- a/notes/templates/note_base.html
+++ b/notes/templates/note_base.html
@@ -22,14 +22,14 @@
 
   <footer class="container-fluid p-5 mt-5">
     <div class="row">
-      <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 id="footer-left" class="col-lg-4 col-md-12 col-sm-12">
+        <p>
+          <a href="{% url "notes:note_list" %}">Home</a><br>
+          <a href="{% url "notes:archive_main" %}">Archive</a>
+        </p>
       </div>
-      <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>
+      <div id="footer-right" class="col-lg-4 offset-lg-4 col-md-12 col-sm-12">
+        This site contains random notes and thoughts by Patrick Canterino.<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>