From ced41330bf004bf8429e1e35fb9c7df8850fa7b8 Mon Sep 17 00:00:00 2001
From: Epsilon02 <epsilon_02+github@mailbox.org>
Date: Wed, 2 Feb 2022 15:49:52 +0100
Subject: [PATCH] move search icon to the beginning

---
 .../selected-search/selected-search.component.html       | 2 +-
 .../selected-search/selected-search.component.scss       | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/search/selected-search/selected-search.component.html b/frontend/src/app/components/search/selected-search/selected-search.component.html
index d12ba2bd0..08561d462 100644
--- a/frontend/src/app/components/search/selected-search/selected-search.component.html
+++ b/frontend/src/app/components/search/selected-search/selected-search.component.html
@@ -12,9 +12,9 @@
             </mat-select>
           </mat-form-field>
           <mat-form-field class="width-100">
+            <mat-icon class="search-icon" matPrefix>search</mat-icon>
             <mat-label>{{ t('searchButton') }}</mat-label>
             <input matInput formControlName="userInput" [matAutocomplete]="auto" />
-            <span class="material-icons" matSuffix>search</span>
             <mat-autocomplete #auto="matAutocomplete">
               <mat-option
                 *ngFor="let result of suggestionResults.get(selections.at(i).get('searchOption')?.value)"
diff --git a/frontend/src/app/components/search/selected-search/selected-search.component.scss b/frontend/src/app/components/search/selected-search/selected-search.component.scss
index e8375405d..45d8c675e 100644
--- a/frontend/src/app/components/search/selected-search/selected-search.component.scss
+++ b/frontend/src/app/components/search/selected-search/selected-search.component.scss
@@ -17,3 +17,12 @@ form {
   padding-top: 20px;
   padding-bottom: 20px;
 }
+
+button {
+  font-size: 1.25em !important;
+}
+
+.search-icon {
+  padding-right: 5px;
+  font-size: 100%;
+}