refactor: show search icon instead of input

cypress/integration/form.js

@@ -99,9 +99,7 @@ context("Form", () => {
 		cy.new_form("User");
 
 		jump_to_field("Location"); // this is in collapsed section
-		cy.wait(500);
 		type_value("Bermuda");
-		cy.wait(500);
 
 		cy.get_field("location").should("have.value", "Bermuda");
 	});

frappe/public/js/frappe/ui/toolbar/navbar.html

@@ -19,9 +19,7 @@
 						>
 						<span class="search-icon">
 							<svg class="icon icon-sm"><use href="#icon-search"></use></svg>
-							{{ __("Search") }}
 						</span>
-						<span>{%= frappe.utils.is_mac() ? '⌘ + K' : 'Ctrl + K' %}</span>
 					</div>
 					</div>
 				{% endif %}

frappe/public/scss/desk/navbar.scss

@@ -48,10 +48,7 @@
 }
 
 .search-bar {
-	flex: 1;
 	max-width: 300px;
-	margin: 0 var(--margin-md);
-
 	svg {
 		stroke: var(--text-light);
 		margin-bottom: 2px;
@@ -81,13 +78,10 @@
 			color: var(--text-light);
 		}
 	}
-	.navbar-modal-search-mobile {
+	.search-icon {
 		background-color: var(--control-bg);
-		border-radius: var(--border-radius-sm);
-		padding: 6px 10px;
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+		border-radius: 16px;
+		padding: 6px;
 	}
 }