Hide copyright notice from footer on mobile

Wrap the "Copyright © YYYY-YYYY" text in its own span and hide it below
the existing 45em mobile breakpoint, keeping the team/impressum links
visible to save vertical space on small screens.

2 files changed, 7 insertions, 1 deletions

diff --git a/web/input/resources/plugins.css b/web/input/resources/plugins.css
index 50be892..ad32981 100644
--- a/web/input/resources/plugins.css
+++ b/web/input/resources/plugins.css
@@ -321,6 +321,12 @@ p#news-footer {
     font-size: small;
 }
 
+@media (max-width: 45em) {
+    div#footer span#copyright {
+        display: none;
+    }
+}
+
 /*
  * Nginx Fancy Index.
  */
diff --git a/web/page.html b/web/page.html
index d654d06..2eeefcb 100644
--- a/web/page.html
+++ b/web/page.html
@@ -42,7 +42,7 @@
       </div>
       <div id="breadcrumb">{{ breadcrumb() }}</div>
       <div id="content">{{ __content__ }}</div>
-      <div id="footer">Copyright &copy; {{ copyright_years(since=2008) }}
+      <div id="footer"><span id="copyright">Copyright &copy; {{ copyright_years(since=2008) }}</span>
         <a href="team.html">Monitoring Plugins Development Team</a> |
         <a href="impressum.html">Impressum</a>
       </div>