From 59574f88baccc2131458d5499a3087da9f8fbe44 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Sat, 21 Feb 2026 04:38:52 -0300
Subject: [PATCH] Do not use 3 columns when boxed layout is used

Fix the CSS to avoid using 3 columns on the All Settings page when boxed layout is used.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/pi-hole.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/style/pi-hole.css b/style/pi-hole.css
index 4db76834..ac8fdbec 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -1236,8 +1236,8 @@ table.dataTable tbody > tr > .selected {
 }
 
 @media screen and (min-width: 2250px) {
-  /* show 3 columns in larger screens */
-  .settings-container {
+  /* show 3 columns in larger screens, expect when using boxed layout */
+  body:not(.layout-boxed) .settings-container {
     --columns: 3;
   }
 }