From a185208fc1f27cb9230e687ee13474d29192f6e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lera=20Elvo=C3=A9?= <yagich@poto.cafe>
Date: Tue, 2 Dec 2025 06:22:47 +0300
Subject: [PATCH] finally make settings container wider on all themes

---
 data/static/css/style.css           | 6 ++++--
 data/static/css/theme-otomotone.css | 6 ++++--
 data/static/css/theme-peachy.css    | 6 ++++--
 sass/_default.scss                  | 7 ++++++-
 sass/peachy.scss                    | 1 -
 5 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/data/static/css/style.css b/data/static/css/style.css
index 3879743..6ca45ac 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -814,13 +814,15 @@ p {
 }
 
 .login-container > * {
-  width: 40%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .settings-container > * {
-  width: 40%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .avatar-form {
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index d0c837c..b70566a 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -814,13 +814,15 @@ p {
 }
 
 .login-container > * {
-  width: 40%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .settings-container > * {
-  width: 40%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .avatar-form {
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index ec1c7c2..7da8c13 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -814,13 +814,15 @@ p {
 }
 
 .login-container > * {
-  width: 60%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .settings-container > * {
-  width: 60%;
+  width: 70%;
   margin: auto;
+  max-width: 1000px;
 }
 
 .avatar-form {
diff --git a/sass/_default.scss b/sass/_default.scss
index 3cbd3e3..12da9a4 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -51,7 +51,8 @@ $BIGGER_PADDING: 30px !default;
 
 $PAGE_SIDE_MARGIN: 100px !default;
 
-$SETTINGS_WIDTH: 40% !default;
+$SETTINGS_WIDTH: 70% !default;
+$SETTINGS_MAX_WIDTH: 1000px !default;
 
 // **************
 //     BORDERS
@@ -654,15 +655,19 @@ $pagebutton_min_width: $BIG_PADDING !default;
 }
 
 $login_container_width: $SETTINGS_WIDTH !default;
+$login_container_max_width: $SETTINGS_MAX_WIDTH !default;
 .login-container > * {
   width: $login_container_width;
   margin: auto;
+  max-width: $login_container_max_width;
 }
 
 $settings_container_width: $SETTINGS_WIDTH !default;
+$settings_container_max_width: $SETTINGS_MAX_WIDTH !default;
 .settings-container > * {
   width: $settings_container_width;
   margin: auto;
+  max-width: $settings_container_max_width
 }
 
 $avatar_form_padding: $BIG_PADDING $ZERO_PADDING !default;
diff --git a/sass/peachy.scss b/sass/peachy.scss
index 58a714c..34fabe3 100644
--- a/sass/peachy.scss
+++ b/sass/peachy.scss
@@ -17,7 +17,6 @@ $br: 16px;
   $thread_locked_border: 1px solid black,
   $motd_border: 1px solid black,
 
-  $SETTINGS_WIDTH: 60%,
   $PAGE_SIDE_MARGIN: 50px,
 
   $link_color: black,