From f6683080b0064dcfd7b6cd2f231b40a71b546e32 Mon Sep 17 00:00:00 2001
From: Christopher Drosos <akisdrosos@yahoo.com>
Date: Sat, 2 May 2026 20:37:12 +0300
Subject: [PATCH 1/4] Update label styles for text wrapping, multiline titles
 on settings

makes Labels on settings page to wrap in 2 lines
---
 src/routes/Settings/components/Option/Option.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/Settings/components/Option/Option.less b/src/routes/Settings/components/Option/Option.less
index 70e80e6f5..a171b2c18 100644
--- a/src/routes/Settings/components/Option/Option.less
+++ b/src/routes/Settings/components/Option/Option.less
@@ -29,8 +29,8 @@
 
         .label {
             line-height: 1.5rem;
-            white-space: nowrap;
-            text-overflow: ellipsis;
+            white-space: normal;
+            word-break: break-word; 
             color: var(--primary-foreground-color);
         }
     }
@@ -75,4 +75,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}

From e6f5d71f46477c887babd1a760c072e3737fda69 Mon Sep 17 00:00:00 2001
From: Christopher Drosos <akisdrosos@yahoo.com>
Date: Sun, 3 May 2026 11:29:49 +0300
Subject: [PATCH 2/4] Increase max-width of section to 50rem

---
 src/routes/Settings/components/Section/Section.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/Settings/components/Section/Section.less b/src/routes/Settings/components/Section/Section.less
index b4de116af..c8691c960 100644
--- a/src/routes/Settings/components/Section/Section.less
+++ b/src/routes/Settings/components/Section/Section.less
@@ -1,6 +1,6 @@
 .section {
     position: relative;
-    max-width: 35rem;
+    max-width: 50rem;
     display: flex;
     flex-direction: column;
     align-items: start;
@@ -19,4 +19,4 @@
         margin-bottom: 2rem;
         color: var(--primary-foreground-color);
     }
-}
\ No newline at end of file
+}

From 6b74d5941ed91e79db69f3d86bde40f0d737c388 Mon Sep 17 00:00:00 2001
From: Christopher Drosos <akisdrosos@yahoo.com>
Date: Sun, 3 May 2026 13:42:46 +0300
Subject: [PATCH 3/4] Limit label text to two lines with ellipsis

---
 src/routes/Settings/components/Option/Option.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/Settings/components/Option/Option.less b/src/routes/Settings/components/Option/Option.less
index a171b2c18..e3f34da82 100644
--- a/src/routes/Settings/components/Option/Option.less
+++ b/src/routes/Settings/components/Option/Option.less
@@ -29,8 +29,10 @@
 
         .label {
             line-height: 1.5rem;
-            white-space: normal;
-            word-break: break-word; 
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
             color: var(--primary-foreground-color);
         }
     }

From 019ab3a599cf846b91b13b0b0386a1570e5e57f8 Mon Sep 17 00:00:00 2001
From: Christopher Drosos <akisdrosos@yahoo.com>
Date: Mon, 4 May 2026 00:19:40 +0300
Subject: [PATCH 4/4] Reduce max-width of section to 35rem

---
 src/routes/Settings/components/Section/Section.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/Settings/components/Section/Section.less b/src/routes/Settings/components/Section/Section.less
index c8691c960..5ef9d1cfa 100644
--- a/src/routes/Settings/components/Section/Section.less
+++ b/src/routes/Settings/components/Section/Section.less
@@ -1,6 +1,6 @@
 .section {
     position: relative;
-    max-width: 50rem;
+    max-width: 35rem;
     display: flex;
     flex-direction: column;
     align-items: start;