feat(footer): powered by message is always aligned to the right

Pelican-Elegant · Jun 29, 2019 · 5e47b7c · 5e47b7c
1 parent b5baa11
commit 5e47b7c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -19,15 +19,21 @@ footer {
   flex-shrink: 0;
   flex-wrap: wrap;
   font: 0.8em Calibri, Tahoma, Arial, Sans-Serif;
-  justify-content: space-between;
+  justify-content: flex-end;
   margin: 15px 0 0 0;
   min-height: 40px;
   padding: 0 3px;
 }
 footer div {
   margin: 3px 0;
 }
-
+footer div:first-child {
+  margin-right: auto;
+}
+footer div#fpowered {
+  margin-left: auto;
+  margin-right: unset;
+}
 h1,
 h2,
 h3,

diff --git a/templates/_includes/footer.html b/templates/_includes/footer.html
@@ -21,7 +21,7 @@
     </script>
     {% endif %}
 
-    <div>
+    <div id="fpowered">
         Powered by: <a href="http://getpelican.com/" title="Pelican Home Page" target="_blank" rel="nofollow">Pelican</a>
         Theme: <a href="https://elegant.oncrashreboot.com/" title="Theme Elegant Home Page" target="_blank" rel="nofollow">Elegant</a>
         {% if HOSTED_ON and HOSTED_ON.name %}