meso-web

commit 36128fef0fc9a17a6e8a0559dfc4af699bfbe189
parent 3ff168d4f916836a605b065d1275b891ac29438d
Author: Vincent Forest <vincent.forest@meso-star.com>
Date:   Wed, 27 Aug 2025 12:23:01 +0200

Update the footer formating

Diffstat:
M
meso.css
 | 
3
++-
M
templates/footer.html
 | 
35
++++++++++++++++++++++-------------

2 files changed, 24 insertions(+), 14 deletions(-)
diff --git a/meso.css b/meso.css
@@ -260,8 +260,9 @@ hr {
 #footer {
   text-align: left;
   color: #777;
-  padding: 1.0em 0em 0em 1em;
   font-size: 80%;
+  padding: 1em 0.5em 0 0.5em;
+  line-height: 1.5em;
 }
 
 #footer a {
diff --git a/templates/footer.html b/templates/footer.html
@@ -1,17 +1,26 @@
 </div>
 <div id="footer">
-  <a rel="license" href="http://creativecommons.org/licenses/by-nd/4.0/">
-    <img
-      alt="Creative Commons License"
-      style="border-width:0; float: left; margin-right: 1em"
-      src="https://i.creativecommons.org/l/by-nd/4.0/88x31.png" />
-  </a>
-  Copyright &#169; 2015-2025
-  <a href="mailto:contact@meso-star.com">|Méso|Star&gt;</a>
-  <br>
-  This page is licensed under a
-  <a rel="license"
-  href="http://creativecommons.org/licenses/by-nd/4.0/">Creative Commons
-  Attribution-NoDerivatives 4.0 International License</a>.
+  <table>
+    <tr>
+      <td style="vertical-align: middle;">
+        <a rel="license" href="http://creativecommons.org/licenses/by-nd/4.0/">
+        <img
+          alt="Creative Commons License"
+          style="max-width: 100%; padding-right: 0.5em;"
+          src="https://i.creativecommons.org/l/by-nd/4.0/88x31.png" />
+        </a>
+      </td>
+      <td style="vertical-align: middle;">
+        Copyright &#169; 2015-2025
+        <a href="mailto:contact@meso-star.com">|Méso|Star&gt;</a>
+        <br>
+        This page is licensed under a
+        <a rel="license"
+        href="http://creativecommons.org/licenses/by-nd/4.0/">
+          Creative Commons Attribution-NoDerivatives 4.0 International License
+        </a>
+      </td>
+    </tr>
+  </table>
 </div>
 </body>