From c0c2898b915af359eaba028ae772940fcf709260 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Denilson=20S=C3=A1=20Maia?= <denilsonsa@gmail.com>
Date: Wed, 11 Jun 2025 08:51:54 +0200
Subject: [PATCH] UI - Don't restrict page content box to 80% width (#3251)

---
 changedetectionio/static/styles/scss/styles.scss | 7 ++-----
 changedetectionio/static/styles/styles.css       | 5 ++---
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss
index 73123caa5..2e8c5be62 100644
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@@ -185,7 +185,8 @@ code {
 }
 
 .box {
-  max-width: 80%;
+  max-width: 100%;
+  margin: 0 1em;
   flex-direction: column;
   display: flex;
   justify-content: center;
@@ -620,10 +621,6 @@ footer {
 
 @media only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px) {
-  .box {
-    max-width: 95%
-  }
-
   .edit-form {
     padding: 0.5em;
     margin: 0;
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index bb0e22e3b..4ccac7472 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -826,7 +826,8 @@ code {
   background: var(--color-text-watch-tag-list); }
 
 .box {
-  max-width: 80%;
+  max-width: 100%;
+  margin: 0 1em;
   flex-direction: column;
   display: flex;
   justify-content: center; }
@@ -1129,8 +1130,6 @@ footer {
       gap: 1em; }
 
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
-  .box {
-    max-width: 95%; }
   .edit-form {
     padding: 0.5em;
     margin: 0; }