From 0dbbef0eb1a0d0fc5ed385d57a5401efb274739b Mon Sep 17 00:00:00 2001
From: StroepWafel <109832156+StroepWafel@users.noreply.github.com>
Date: Fri, 12 Sep 2025 16:17:18 +0930
Subject: [PATCH] fix: Text now wraps correctly in most divs

Adjusted divs to wrap text, this can cause some issues where substantially long words get chopped up, but scaling down the font size makes it look weird.
---
 src/css/injected.scss | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/css/injected.scss b/src/css/injected.scss
index 7b86bca6..9ac0c71e 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -379,6 +379,16 @@ ul.magicDelete > li.deleting {
   padding: 0;
   white-space: nowrap;
 }
+
+/* Allow long course/assessment names in the sidebar to wrap and break safely */
+#menu li > label,
+#menu section > label {
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  hyphens: auto;
+  line-height: 1.2;
+}
 #menu {
   width: 270px;
   z-index: 19;
@@ -1325,7 +1335,16 @@ html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"] [class*="
   font-size: 20px !important;
   font-weight: 500;
   min-height: 46px;
-  height: 36%;
+  /* Let the title expand naturally but clamp to 2 lines to avoid overlap */
+  height: auto;
+  line-height: 1.2;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  hyphens: auto;
 }
 .day h3 {
   padding: 0px 5px;