From 7725005770fedb587d1c9e5531956cd8f052e98f Mon Sep 17 00:00:00 2001
From: Maximilian Krambach <maximilian.krambach@intevation.de>
Date: Mon, 11 Feb 2019 16:01:32 +0100
Subject: [PATCH] move favorite star in front of title

---
 .../motion-list/motion-list.component.html    | 22 +++++++++++--------
 .../motion-list/motion-list.component.scss    |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/client/src/app/site/motions/components/motion-list/motion-list.component.html b/client/src/app/site/motions/components/motion-list/motion-list.component.html
index 00345fe4f..075832b21 100644
--- a/client/src/app/site/motions/components/motion-list/motion-list.component.html
+++ b/client/src/app/site/motions/components/motion-list/motion-list.component.html
@@ -46,7 +46,9 @@
         <ng-container matColumnDef="identifier">
             <mat-header-cell *matHeaderCellDef mat-sort-header>Identifier</mat-header-cell>
             <mat-cell *matCellDef="let motion">
-                <div class="innerTable">{{ motion.identifier }}</div>
+                <div class="innerTable">
+                    {{ motion.identifier }}
+                </div>
             </mat-cell>
         </ng-container>
 
@@ -57,6 +59,10 @@
                 <div class="innerTable max-width">
                     <!-- title line -->
                     <div class="motion-list">
+                        <!-- favorite icon -->
+                        <span *ngIf="motion.star" class="favorite-star">
+                            <mat-icon inline>star</mat-icon>
+                        </span>
                         <!-- attachment icon -->
                         <span class="attached-files" *ngIf="motion.hasAttachments()">
                             <mat-icon>attach_file</mat-icon>
@@ -65,10 +71,6 @@
                         <span class="motion-list-title">
                             {{ motion.title }}
                         </span>
-                        <!-- favorite icon -->
-                        <span *ngIf="motion.star" class="favorite-star">
-                            <mat-icon inline>star</mat-icon>
-                        </span>
                     </div>
                     <!-- submitters line -->
                     <div class="motion-list">
@@ -92,7 +94,9 @@
 
                     <!-- recommendation -->
                     <span *ngIf="motion.recommendation && motion.state.next_states_id.length > 0">
-                        <mat-basic-chip class="bluegrey" [disabled]="true">{{ getRecommendationLabel(motion) }} </mat-basic-chip>
+                        <mat-basic-chip class="bluegrey" [disabled]="true">
+                            {{ getRecommendationLabel(motion) }}
+                        </mat-basic-chip>
                     </span>
                 </div>
             </mat-cell>
@@ -252,9 +256,9 @@
                 <span translate>Move to agenda item</span>
             </button>
             <button mat-menu-item (click)="multiselectWrapper(multiselectService.bulkMoveItems(selectedRows))">
-                    <mat-icon>format_indent_increase</mat-icon>
-                    <span translate>Move in call list</span>
-                </button>
+                <mat-icon>format_indent_increase</mat-icon>
+                <span translate>Move in call list</span>
+            </button>
         </div>
         <div *ngIf="perms.isAllowed('manage')">
             <mat-divider></mat-divider>
diff --git a/client/src/app/site/motions/components/motion-list/motion-list.component.scss b/client/src/app/site/motions/components/motion-list/motion-list.component.scss
index 1579288dd..f116433ba 100644
--- a/client/src/app/site/motions/components/motion-list/motion-list.component.scss
+++ b/client/src/app/site/motions/components/motion-list/motion-list.component.scss
@@ -38,7 +38,7 @@
                 font-size: 16px;
             }
             .favorite-star {
-                width: 26px;
+                padding-right: 3px;
             }
         }