move search icon to the beginning (#1117)

Calciumdibromid · Feb 2, 2022 · b735610 · b735610
1 parent dd9cb29
commit b735610
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 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
@@ -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
@@ -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%;
+}