Merge pull request unraid#2330 from unraid/fix/footer-copyright-on-right

fix: footer layout and styles for improved responsiveness

Author: limetech

emhttp/plugins/dynamix/include/DefaultPageLayout/Footer.php

@@ -56,6 +56,7 @@ function getArrayStatus($var) {
         </span>
         <span id="user-notice" class="red-text"></span>
     </div>
+    <div class="footer-spacer">&nbsp;</div>
     <div id="copyright" class="footer-right">
         <unraid-theme-switcher
             current="<?=$theme?>"

emhttp/plugins/dynamix/styles/default-base.css

@@ -675,8 +675,8 @@ div.title span img {
 
 @media (min-width: 768px) {
     #footer {
-        flex-direction: row;
-        justify-content: space-between;
+        display: grid;
+        grid-template-columns: auto 1fr auto;
         align-items: center;
         position: fixed;
         bottom: 0;
@@ -702,7 +702,9 @@ div.title span img {
     justify-content: center;
     align-items: center;
     gap: 1rem;
-    flex: 1 1 auto; /* Take available space */
+}
+.footer-spacer {
+    display: none; /* Hidden by default on mobile */
 }
 .footer-right,
 #copyright {
@@ -734,13 +736,14 @@ div.title span img {
 @media (min-width: 768px) {
     .footer-left {
         justify-content: flex-start;
-        flex: 0 0 auto; /* Only take needed space on desktop */
+    }
+    .footer-spacer {
+        display: block; /* Show on desktop */
     }
     .footer-right,
     #copyright {
         text-align: right;
         justify-content: flex-start; /* Start from left to enable overflow */
-        flex: 1 1 0; /* Take remaining space */
         width: auto; /* Override mobile full width */
         min-width: 0; /* Critical for overflow to work */
     }