From e131c2f0c791d466cb9723ea495e88d0ef977b86 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Mon, 7 Apr 2025 15:11:36 -0700
Subject: [PATCH] refactor: update theme width class names in ThemeHelper.php
 and default-base.css for consistency

---
 .../plugins/dynamix/include/ThemeHelper.php   |  2 +-
 .../plugins/dynamix/styles/default-base.css   | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/emhttp/plugins/dynamix/include/ThemeHelper.php b/emhttp/plugins/dynamix/include/ThemeHelper.php
index e5e443778..195353f09 100644
--- a/emhttp/plugins/dynamix/include/ThemeHelper.php
+++ b/emhttp/plugins/dynamix/include/ThemeHelper.php
@@ -114,7 +114,7 @@ class ThemeHelper {
             $classes[] = "Theme--nav-top";
         }
 
-        $classes[] = $this->unlimitedWidth ? "Theme--unlimited-width" : "Theme--boxed-width";
+        $classes[] = $this->unlimitedWidth ? "Theme--width-unlimited" : "Theme--width-boxed";
 
         return implode(' ', $classes);
     }
diff --git a/emhttp/plugins/dynamix/styles/default-base.css b/emhttp/plugins/dynamix/styles/default-base.css
index 9e476467e..263d71659 100644
--- a/emhttp/plugins/dynamix/styles/default-base.css
+++ b/emhttp/plugins/dynamix/styles/default-base.css
@@ -2224,61 +2224,61 @@ span#wlan0 {
 }
 
 /* Theme width styles */
-.Theme--boxed-width #displaybox {
+.Theme--width-boxed #displaybox {
     min-width: 1280px;
     max-width: 1280px;
     margin: 0;
 }
 
-.Theme--unlimited-width #displaybox {
+.Theme--width-unlimited #displaybox {
     min-width: 1280px;
     margin: 0;
 }
 
 /* Media queries for different screen sizes */
 @media (max-width: 1280px) {
-    .Theme--boxed-width #displaybox {
+    .Theme--width-boxed #displaybox {
         min-width: 1280px;
         max-width: 1280px;
         margin: 0;
     }
     
-    .Theme--unlimited-width #displaybox {
+    .Theme--width-unlimited #displaybox {
         min-width: 1280px;
         margin: 0;
     }
 }
 
 @media (min-width: 1281px) {
-    .Theme--boxed-width #displaybox {
+    .Theme--width-boxed #displaybox {
         min-width: 1280px;
         max-width: 1920px;
         margin: 0 auto;
     }
     
-    .Theme--unlimited-width #displaybox {
+    .Theme--width-unlimited #displaybox {
         min-width: 1280px;
         margin: 0 auto;
     }
     
-    .Theme--nav-top.Theme--unlimited-width #displaybox {
+    .Theme--nav-top.Theme--width-unlimited #displaybox {
         margin: 0 10px;
     }
 }
 
 @media (min-width: 1921px) {
-    .Theme--boxed-width #displaybox {
+    .Theme--width-boxed #displaybox {
         min-width: 1280px;
         max-width: 1920px;
         margin: 0 auto;
     }
     
-    .Theme--unlimited-width #displaybox {
+    .Theme--width-unlimited #displaybox {
         min-width: 1280px;
         margin: 0 auto;
     }
     
-    .Theme--nav-top.Theme--unlimited-width #displaybox {
+    .Theme--nav-top.Theme--width-unlimited #displaybox {
         margin: 0 20px;
     }
 }