From b94aefe07f95088b7b0482a380fcec862747f0a1 Mon Sep 17 00:00:00 2001
From: Elblinator <lelble@intevation.de>
Date: Wed, 15 Jul 2026 14:13:19 +0200
Subject: [PATCH 1/4] Change classes from Reason text

---
 .../motion-content/motion-content.component.html          | 8 +++++---
 .../motion-content/motion-content.component.scss          | 6 ++----
 .../paragraph-based-amendment.component.html              | 7 +++----
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
index 9fa22beebf..8eb1f064ae 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
@@ -61,11 +61,13 @@
     </div>
 }
 
-<div class="motion-content">
+<div>
     <!-- Reason -->
     @if (showReason) {
         <div>
-            <h3 [attr.aria-label]="'Reason text' | translate">{{ 'Reason' | translate }}</h3>
+            <h3 class="motion-h3" [attr.aria-label]="'Reason text' | translate">
+                {{ 'Reason' | translate }}
+            </h3>
             <div class="motion-text underlined-links" [innerHtml]="motion.reason | trust: 'html'"></div>
         </div>
     }
@@ -75,7 +77,7 @@ <h3 [attr.aria-label]="'Reason text' | translate">{{ 'Reason' | translate }}</h3
         @if (hasAttachments) {
             <div class="content-field">
                 <div>
-                    <h3>
+                    <h3 class="motion-h3">
                         {{ 'Attachments' | translate }}
                         <mat-icon>attach_file</mat-icon>
                     </h3>
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 e246d0033f..a840605c3a 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
@@ -5,10 +5,8 @@
     margin-top: 10px;
 }
 
-.motion-content {
-    h3 {
-        font-weight: bold;
-    }
+.motion-h3 {
+    font-weight: bold;
 }
 
 .attachment-entry {
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..0dec84231d 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
@@ -119,9 +119,8 @@ <h3 class="amendment-line-header">
             </span>
         </div>
     }
-</section>
-<!-- Show entire motion text -->
-@if (changeRecoMode === ChangeRecoMode.Original || changeRecoMode === ChangeRecoMode.Changed) {
+    <!-- Show entire motion text -->
+    @if (changeRecoMode === ChangeRecoMode.Original || changeRecoMode === ChangeRecoMode.Changed) {}
     <div>
         @if (motion && motion.isParagraphBasedAmendment() && motion.lead_motion) {
             <mat-checkbox class="show-entire-text-check" (change)="showAmendmentContext = !showAmendmentContext">
@@ -129,4 +128,4 @@ <h3 class="amendment-line-header">
             </mat-checkbox>
         }
     </div>
-}
+</section>

From f52973277c78260b30065aa910802d30e1b6f115 Mon Sep 17 00:00:00 2001
From: Elblinator <lelble@intevation.de>
Date: Wed, 15 Jul 2026 14:13:49 +0200
Subject: [PATCH 2/4] Clean-up?

---
 .../paragraph-based-amendment.component.html               | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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 0dec84231d..d981779a3d 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
@@ -119,8 +119,9 @@ <h3 class="amendment-line-header">
             </span>
         </div>
     }
-    <!-- Show entire motion text -->
-    @if (changeRecoMode === ChangeRecoMode.Original || changeRecoMode === ChangeRecoMode.Changed) {}
+</section>
+<!-- Show entire motion text -->
+@if (changeRecoMode === ChangeRecoMode.Original || changeRecoMode === ChangeRecoMode.Changed) {
     <div>
         @if (motion && motion.isParagraphBasedAmendment() && motion.lead_motion) {
             <mat-checkbox class="show-entire-text-check" (change)="showAmendmentContext = !showAmendmentContext">
@@ -128,4 +129,4 @@ <h3 class="amendment-line-header">
             </mat-checkbox>
         }
     </div>
-</section>
+}

From cfc64284ca0d9a266d5ecaff6ed52ab960759e42 Mon Sep 17 00:00:00 2001
From: Elblinator <lelble@intevation.de>
Date: Wed, 15 Jul 2026 14:41:50 +0200
Subject: [PATCH 3/4] Also add breaking of too long word

---
 .../motion-content/motion-content.component.html     |  7 +++++--
 .../motion-content/motion-content.component.scss     | 12 ++++++------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
index 8eb1f064ae..0a7fcba113 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
@@ -68,7 +68,10 @@
             <h3 class="motion-h3" [attr.aria-label]="'Reason text' | translate">
                 {{ 'Reason' | translate }}
             </h3>
-            <div class="motion-text underlined-links" [innerHtml]="motion.reason | trust: 'html'"></div>
+            <div
+                class="break-too-long-word motion-text underlined-links"
+                [innerHtml]="motion.reason | trust: 'html'"
+            ></div>
         </div>
     }
 
@@ -84,7 +87,7 @@ <h3 class="motion-h3">
                     <mat-list dense>
                         @for (file of sortedAttachments$ | async; track file.id) {
                             <mat-list-item class="attachment-entry">
-                                <a target="_blank" [routerLink]="file.url">
+                                <a class="break-too-long-word" target="_blank" [routerLink]="file.url">
                                     <mat-icon class="attachment-icon">{{ file.getIcon() }}</mat-icon>
                                     {{ file.getTitle() }}
                                 </a>
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 a840605c3a..cb5fa761c7 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
@@ -13,13 +13,13 @@
     height: auto;
     height: max-content !important;
 
-    a {
-        text-wrap: wrap;
-        max-width: 100%;
-        word-break: break-word;
-    }
-
     .attachment-icon {
         vertical-align: text-bottom;
     }
 }
+
+.break-too-long-word {
+    max-width: 100%;
+    text-wrap: wrap;
+    word-break: break-word;
+}

From 4985c03ed7de52afbf13c706de488631664024d8 Mon Sep 17 00:00:00 2001
From: Elblinator <lelble@intevation.de>
Date: Tue, 21 Jul 2026 13:49:58 +0200
Subject: [PATCH 4/4] Revert "Also add breaking of too long word"

This reverts commit cfc64284ca0d9a266d5ecaff6ed52ab960759e42.
---
 .../motion-content/motion-content.component.html     |  7 ++-----
 .../motion-content/motion-content.component.scss     | 12 ++++++------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
index 0a7fcba113..8eb1f064ae 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/pages/motion-view/components/motion-content/motion-content.component.html
@@ -68,10 +68,7 @@
             <h3 class="motion-h3" [attr.aria-label]="'Reason text' | translate">
                 {{ 'Reason' | translate }}
             </h3>
-            <div
-                class="break-too-long-word motion-text underlined-links"
-                [innerHtml]="motion.reason | trust: 'html'"
-            ></div>
+            <div class="motion-text underlined-links" [innerHtml]="motion.reason | trust: 'html'"></div>
         </div>
     }
 
@@ -87,7 +84,7 @@ <h3 class="motion-h3">
                     <mat-list dense>
                         @for (file of sortedAttachments$ | async; track file.id) {
                             <mat-list-item class="attachment-entry">
-                                <a class="break-too-long-word" target="_blank" [routerLink]="file.url">
+                                <a target="_blank" [routerLink]="file.url">
                                     <mat-icon class="attachment-icon">{{ file.getIcon() }}</mat-icon>
                                     {{ file.getTitle() }}
                                 </a>
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 cb5fa761c7..a840605c3a 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
@@ -13,13 +13,13 @@
     height: auto;
     height: max-content !important;
 
+    a {
+        text-wrap: wrap;
+        max-width: 100%;
+        word-break: break-word;
+    }
+
     .attachment-icon {
         vertical-align: text-bottom;
     }
 }
-
-.break-too-long-word {
-    max-width: 100%;
-    text-wrap: wrap;
-    word-break: break-word;
-}