From afc6bb629e8f4b7c5aa88bb85b69dbd4f341f177 Mon Sep 17 00:00:00 2001
From: Sean Engelhardt <sean.f.t.engelhardt@gmail.com>
Date: Fri, 26 Apr 2019 12:41:55 +0200
Subject: [PATCH] Fix layout of search value selector

---
 .../projector-button.component.ts             |  2 +-
 .../assignment-detail.component.html          | 32 ++++++++++---------
 .../assignment-detail.component.scss          | 11 +++++++
 3 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/client/src/app/shared/components/projector-button/projector-button.component.ts b/client/src/app/shared/components/projector-button/projector-button.component.ts
index c7648318b..7debc9839 100644
--- a/client/src/app/shared/components/projector-button/projector-button.component.ts
+++ b/client/src/app/shared/components/projector-button/projector-button.component.ts
@@ -38,7 +38,7 @@ export class ProjectorButtonComponent implements OnInit {
         if (isProjectable(obj) || isProjectorElementBuildDeskriptor(obj)) {
             this._object = obj;
         } else {
-            this.object = null;
+            this._object = null;
         }
     }
 
diff --git a/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.html b/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.html
index aae573528..c3f0e5dd5 100644
--- a/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.html
+++ b/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.html
@@ -36,11 +36,7 @@
             </div>
         </div>
         <!-- Project -->
-        <os-projector-button
-            [object]="assignment"
-            [menuItem]="true"
-            *osPerms="'core.can_manage_projector'"
-        ></os-projector-button>
+        <os-projector-button [object]="assignment" [menuItem]="true"></os-projector-button>
 
         <!-- Delete -->
         <div *ngIf="assignment && hasPerms('manage')">
@@ -51,7 +47,6 @@
                 <span translate>Delete</span>
             </button>
         </div>
-
     </mat-menu>
 </os-head-bar>
 
@@ -134,7 +129,10 @@
 
 <ng-template #candidatesTemplate>
     <!-- candidates -->
-    <div class="candidates-list" *ngIf="assignment && assignment.assignmentRelatedUsers && assignment.assignmentRelatedUsers.length > 0">
+    <div
+        class="candidates-list"
+        *ngIf="assignment && assignment.assignmentRelatedUsers && assignment.assignmentRelatedUsers.length > 0"
+    >
         <os-sorting-list
             [input]="assignment.assignmentRelatedUsers"
             [live]="true"
@@ -156,21 +154,25 @@
             </ng-template>
         </os-sorting-list>
     </div>
+
     <!-- Search for candidates -->
-    <div *ngIf="hasPerms('addOthers')" class="os-form-card">
-        <form *ngIf="hasPerms('addOthers') && filteredCandidates && filteredCandidates.value.length > 0" [formGroup]="candidatesForm">
+    <div class="search-field" *ngIf="hasPerms('addOthers')">
+        <form
+            *ngIf="hasPerms('addOthers') && filteredCandidates && filteredCandidates.value.length > 0"
+            [formGroup]="candidatesForm"
+        >
             <os-search-value-selector
-                *ngIf="hasPerms('addOthers')"
+                class="search-bar"
                 ngDefaultControl
-                listname="{{ 'Select a new candidate' | translate }}"
-                [formControl]="candidatesForm.get('userId')"
-                [InputListValues]="filteredCandidates"
                 [form]="candidatesForm"
+                [formControl]="candidatesForm.get('userId')"
                 [multiple]="false"
-            >
-            </os-search-value-selector>
+                listname="{{ 'Select a new candidate' | translate }}"
+                [InputListValues]="filteredCandidates"
+            ></os-search-value-selector>
         </form>
     </div>
+
     <!-- Add me and remove me if OP has correct permission -->
     <div *ngIf="assignment && hasPerms('addSelf') && assignment.candidates" class="add-self-buttons">
         <div>
diff --git a/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.scss b/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.scss
index 21b5a8a2b..4b65cdaba 100644
--- a/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.scss
+++ b/client/src/app/site/assignments/components/assignment-detail/assignment-detail.component.scss
@@ -31,3 +31,14 @@
 .add-self-buttons {
     padding: 15px 0 20px 25px;
 }
+
+.search-field {
+    margin: 20px 0;
+
+    .search-bar {
+        display: grid;
+        .mat-form-field {
+            width: 100%;
+        }
+    }
+}