added button to launch search

src/app/components/floating-column/search/search.component.html

@@ -1,9 +1,10 @@
 <div class="panel">
     <h3 class="panel__title">search</h3>
 
-    <form (ngSubmit)="onSubmit()">
+    <form class="form-section" (ngSubmit)="onSubmit()">
-        <input type="text" class="form-control form-control-sm" [(ngModel)]="searchHandle" name="searchHandle"
+        <input type="text" class="form-control form-control-sm form-with-button" [(ngModel)]="searchHandle" name="searchHandle"
             placeholder="Search" autocomplete="off" />
+        <button class="form-button" type="submit" title="search">GO</button>
     </form>
 
     <app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>

src/app/components/floating-column/search/search.component.scss

@@ -4,6 +4,36 @@
 @import "commons";
 
 $separator-color:$color-primary;
+$button-size: 30px;
+
+.form-section {
+    overflow: auto;
+    width: 100%;
+}
+
+.form-with-button {
+    width: calc(100% - #{$button-size});
+    float: left;
+}
+
+.form-button {
+    width: $button-size;
+    height: 29px;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    background-color: $color-primary;
+    color: darken(white, 30);
+    // font-weight: bold;
+
+    transition: all .2s;
+
+    &:hover {
+        background-color: lighten($color-primary, 20);
+        color: white;
+        // transform: scale(1.2);
+    }
+}
 
 .search-results {
     // outline: 1px solid greenyellow;