From e977f9b80a100a7d1afd89fcd815b1892faa3c6b Mon Sep 17 00:00:00 2001
From: Borrego <44817761+Borreg0@users.noreply.github.com>
Date: Fri, 27 Mar 2026 07:42:06 +0000
Subject: [PATCH] Fixed width (#5997)

---
 .../components/motion-content/motion-content.component.scss | 1 +
 .../paragraph-based-amendment.component.html                | 2 +-
 .../paragraph-based-amendment.component.scss                | 6 ++++++
 client/src/assets/styles/reason.scss                        | 5 +++++
 client/src/styles.scss                                      | 1 +
 5 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 client/src/assets/styles/reason.scss

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.scss b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.scss
index 0d61e91cd4..4cd90f6330 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.scss
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.scss
@@ -22,6 +22,7 @@
             display: block;
             word-break: break-all;
         }
+        max-width: inherit;
     }
     h3 {
         font-weight: bold;
diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.html
index d981779a3d..4817b2fd55 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.html
@@ -122,7 +122,7 @@ <h3 class="amendment-line-header">
 </section>
 <!-- Show entire motion text -->
 @if (changeRecoMode === ChangeRecoMode.Original || changeRecoMode === ChangeRecoMode.Changed) {
-    <div>
+    <div class="show-full-motion">
         @if (motion && motion.isParagraphBasedAmendment() && motion.lead_motion) {
             <mat-checkbox class="show-entire-text-check" (change)="showAmendmentContext = !showAmendmentContext">
                 <span>{{ 'Show entire motion text' | translate }}</span>
diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.scss b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.scss
index 218d7e307a..634ca90e1b 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.scss
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/paragraph-based-amendment/paragraph-based-amendment.component.scss
@@ -6,3 +6,9 @@
 .motion-text > os-motion-detail-diff {
     margin-left: -40px;
 }
+
+.show-full-motion {
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 10px;
+}
diff --git a/client/src/assets/styles/reason.scss b/client/src/assets/styles/reason.scss
new file mode 100644
index 0000000000..2763702f82
--- /dev/null
+++ b/client/src/assets/styles/reason.scss
@@ -0,0 +1,5 @@
+.motion-text p {
+    word-break: keep-all !important;
+    overflow-wrap: break-word;
+    white-space: collapse;
+}
\ No newline at end of file
diff --git a/client/src/styles.scss b/client/src/styles.scss
index b82f18aaf2..359ebe3698 100644
--- a/client/src/styles.scss
+++ b/client/src/styles.scss
@@ -4,6 +4,7 @@
 /** angular material theming */
 @use 'sass:meta';
 @use 'assets/styles/theme-styles.scss';
+@use 'assets/styles/reason.scss';
 
 /** Useful default classes */
 @use 'assets/styles/default-classes.scss';