From cc605cb5221d93c7fc723d05c7e352a607129ef1 Mon Sep 17 00:00:00 2001
From: Dave Nicolson <david.nicolson@gmail.com>
Date: Sat, 28 Oct 2023 00:27:34 +0200
Subject: [PATCH] Remove search button (#53)

Co-authored-by: Donavan Becker <donavan.becker@icloud.com>
---
 src/app/search/search.component.html   |  2 +-
 src/app/sidebar/sidebar.component.html |  2 +-
 src/scss/theme/_docs.scss              | 14 +++-----------
 3 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index 1eeb7f4..8d4a95b 100644
--- a/src/app/search/search.component.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/sidebar/sidebar.component.html b/src/app/sidebar/sidebar.component.html
index 82d6e58..79404f0 100644
--- a/src/app/sidebar/sidebar.component.html
+++ b/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">
diff --git a/src/scss/theme/_docs.scss b/src/scss/theme/_docs.scss
index be4d9b2..0a55197 100644
--- a/src/scss/theme/_docs.scss
+++ b/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;
 	}
 }