From e54d0cf087e57637576b9caeaeac05d9d147579a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Wed, 20 Mar 2019 21:31:37 +0100
Subject: [PATCH] Minor layout improvements

- Improved motion block slide layout
- Increase width of statute paragraph title form field
- hide identifier in motion form for unprivileged users/submitters
---
 .../components/motion-detail/motion-detail.component.html     | 2 +-
 .../statute-paragraph-list.component.scss                     | 4 ++++
 .../motions/motion-block/motion-block-slide.component.html    | 4 ++--
 .../motions/motion-block/motion-block-slide.component.scss    | 4 ++++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
index 0125bbe08..0d8127367 100644
--- a/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
+++ b/client/src/app/site/motions/modules/motion-detail/components/motion-detail/motion-detail.component.html
@@ -557,7 +557,7 @@
 
         <div class="form-id-title">
             <!-- Identifier -->
-            <div *ngIf="editMotion && !newMotion" class="content-field form-identifier">
+            <div *ngIf="editMotion && !newMotion && perms.isAllowed('change_metadata', motion)" class="content-field form-identifier">
                 <mat-form-field *ngIf="editMotion">
                     <input
                         matInput
diff --git a/client/src/app/site/motions/modules/statute-paragraph/components/statute-paragraph-list/statute-paragraph-list.component.scss b/client/src/app/site/motions/modules/statute-paragraph/components/statute-paragraph-list/statute-paragraph-list.component.scss
index 5f11a3ab3..542c10c78 100644
--- a/client/src/app/site/motions/modules/statute-paragraph/components/statute-paragraph-list/statute-paragraph-list.component.scss
+++ b/client/src/app/site/motions/modules/statute-paragraph/components/statute-paragraph-list/statute-paragraph-list.component.scss
@@ -9,4 +9,8 @@
 
 mat-card {
     margin-bottom: 20px;
+
+    mat-form-field {
+        width: 100%;
+    }
 }
diff --git a/client/src/app/slides/motions/motion-block/motion-block-slide.component.html b/client/src/app/slides/motions/motion-block/motion-block-slide.component.html
index 1e1f98ed2..c8c20a481 100644
--- a/client/src/app/slides/motions/motion-block/motion-block-slide.component.html
+++ b/client/src/app/slides/motions/motion-block/motion-block-slide.component.html
@@ -4,12 +4,12 @@
         <h2><span translate>Motion block</span> – {{ data.data.motions.length }} <span translate>motions</span></h2>
     </div>
 
-    <div *ngFor="let motion of data.data.motions">
+    <div *ngFor="let motion of data.data.motions" class="blockitem">
         <div class="ellipsis-overflow">
             {{ getMotionTitle(motion) }}
         </div>
         <div class="white ellipsis-overflow">
-            <mat-basic-chip *ngIf="motion.recommendation" disableRipple [ngClass]="getStateCssColor(motion)">
+            <mat-basic-chip *ngIf="motion.recommendation" disableRipple [ngClass]="getStateCssColor(motion)" class="block-recommendation">
                 {{ getRecommendationLabel(motion) }}
             </mat-basic-chip>
         </div>
diff --git a/client/src/app/slides/motions/motion-block/motion-block-slide.component.scss b/client/src/app/slides/motions/motion-block/motion-block-slide.component.scss
index e69de29bb..df20acc08 100644
--- a/client/src/app/slides/motions/motion-block/motion-block-slide.component.scss
+++ b/client/src/app/slides/motions/motion-block/motion-block-slide.component.scss
@@ -0,0 +1,4 @@
+.blockitem {
+    line-height: 1;
+    margin-bottom: 10px;
+}