Remove search button (#53)

Co-authored-by: Donavan Becker <[email protected]>

src/app/search/search.component.html

@@ -2,5 +2,5 @@
   <input type="text" placeholder="Search services and characteristics..." name="search" class="form-control search-input"
     [(ngModel)]="query" [typeahead]="searchProvider"  [typeaheadAsync]="true" typeaheadOptionField="label"
     (typeaheadOnSelect)="onSelect($event)" container="body">
-  <button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
+  <i class="fas fa-search search-icon"></i>
 </form>

src/app/sidebar/sidebar.component.html

@@ -2,7 +2,7 @@
   <div class="top-search-box d-lg-none p-3">
     <form class="search-form">
       <app-search class="w-100"></app-search>
-      <button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
+      <i class="fas fa-search search-icon"></i>
     </form>
   </div>
   <nav id="docs-nav" class="docs-nav navbar">

src/scss/theme/_docs.scss

@@ -51,23 +51,15 @@
 			border-color: $theme-divider;
 		}
 	}
-	.search-btn {
-		color: lighten($theme-text-color-secondary, 15%);
+	.search-icon {
+		color: $theme-color-primary;
 		background: none;
 		border: none;
 		position: absolute;
 		right: 0;
 		top: 0.15rem;
 		margin-right: 0;
-
-
-		&:active, &:focus, &:hover {
-			outline: none !important;
-			color: $theme-color-primary;
-			@include box-shadow(none);
-
-		}
-
+		padding: 0.82rem 1.25rem;
 	}
 }