widen search input to min. 45 chars + grow if vertical space is available (closes #18)

Author: evilsloth

src/app/search/search.component.html

@@ -47,9 +47,9 @@
                     <input clrInput type="text" id="filename" formControlName="searchFilename" size="25">
                     <clr-control-helper>Use * as a wildcard, e.g. *.java, MyFile.*</clr-control-helper>
                 </clr-input-container>
-                <clr-datalist-container>
+                <clr-datalist-container class="search-text-container">
                     <label for="searchText">Search text</label>
-                    <input clrDatalistInput type="text" id="searchText" formControlName="searchText" #searchTextInput size="35" autocomplete="off">
+                    <input clrDatalistInput type="text" id="searchText" formControlName="searchText" #searchTextInput size="45" autocomplete="off">
                     <datalist>
                         <option *ngFor="let item of historyStoreService.history$ | async" [value]="item"></option>
                     </datalist>

src/app/search/search.component.scss

@@ -4,13 +4,24 @@
 
     > * {
         margin-top: 0;
-        margin-bottom: 15px;
-
-
+        margin-bottom: 10px;
     }
 
     > *:not(:last-child) {
-        margin-right: 20px;
+        margin-right: 15px;
+    }
+
+    .search-text-container::ng-deep {
+        flex-grow: 1;
+        margin-right: 5px;
+
+        .clr-input-group, input {
+            width: 100%;
+        }
+
+        input::-webkit-calendar-picker-indicator {
+            display: none;
+        }
     }
 }