From 6549aad0901c1a8e0b49b026cc2a275719778379 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Mon, 20 Apr 2026 11:35:04 +0200
Subject: [PATCH 1/2] Fix motion block projection for long mode

adds linebreak for recommendation label
---
 .../motion-block-slide.component.html         | 11 +++---
 .../motion-block-slide.component.scss         | 37 ++++++++++++++++++-
 2 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.html b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.html
index 0360525023..a7550d2f48 100644
--- a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.html
+++ b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.html
@@ -23,16 +23,15 @@ <h2>
                             @if (getMotion(i, j)) {
                                 <div
                                     class="spacer-top-5"
-                                    [ngClass]="
+                                    [ngClass]="[
                                         !commonRecommendation && getMotion(i, j).recommendationLabel
                                             ? 'motion-wrapper'
-                                            : 'motion-wrapper-single'
-                                    "
+                                            : 'motion-wrapper-single',
+                                        shortDisplayStyle ? 'short-layout' : 'long-layout'
+                                    ]"
                                 >
                                     <div class="motion-title">{{ getMotionTitle(i, j) }}</div>
-                                    @if (!shortDisplayStyle) {
-                                        <br />
-                                    }
+
                                     @if (!commonRecommendation && getMotion(i, j).recommendationLabel) {
                                         <div class="white recommendation-chip-wrapper">
                                             <mat-basic-chip
diff --git a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
index 6db08baf54..333c67a96c 100644
--- a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
+++ b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
@@ -23,9 +23,10 @@ td {
     }
 }
 
-.motion-wrapper {
+.motion-wrapper.short-layout {
     display: inline-flex;
     width: 100%;
+    align-items: center;
 
     .motion-title {
         max-width: max-content;
@@ -39,10 +40,12 @@ td {
         overflow: hidden;
         max-width: max-content;
         min-width: 10%;
-        margin: auto 0;
+        display: flex;
+        align-items: center;
 
         .block-recommendation {
             font-size: 12px;
+            font-weight: 500;
             min-height: 22px !important;
             border-radius: 5px !important;
             padding: 0 8px !important;
@@ -55,6 +58,36 @@ td {
     }
 }
 
+.motion-wrapper.long-layout {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
+    .motion-title {
+        max-width: 100%;
+        overflow-wrap: break-word;
+        line-height: 1.1;
+    }
+
+    .recommendation-chip-wrapper {
+        padding: 5px 0 5px 0;
+        max-width: 100%;
+        margin: 0;
+
+        .block-recommendation {
+            font-size: 12px;
+            font-weight: 500;
+            min-height: 22px !important;
+            border-radius: 5px !important;
+            padding: 0 8px !important;
+            margin: 0;
+            line-height: 2;
+            display: inline-block;
+            max-width: 100%;
+        }
+    }
+}
+
 .ellipsis-overflow {
     padding-top: 2px;
 }

From 97c0fb4457335c2c3e3871f9aad968a936a01229 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Mon, 20 Apr 2026 16:04:59 +0200
Subject: [PATCH 2/2] Change padding

---
 .../motion-block-slide/motion-block-slide.component.scss        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
index 333c67a96c..f677a558d6 100644
--- a/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
+++ b/client/src/app/site/pages/meetings/modules/projector/modules/slides/components/motions/modules/motion-block-slide/components/motion-block-slide/motion-block-slide.component.scss
@@ -70,7 +70,7 @@ td {
     }
 
     .recommendation-chip-wrapper {
-        padding: 5px 0 5px 0;
+        padding: 2px 0 5px 0;
         max-width: 100%;
         margin: 0;