From c41c0e28ed444fdb427f9803d2f123ba6f535fb9 Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Tue, 30 Jun 2020 11:21:04 +0200
Subject: switch from softies to feathericons

also organize icons in folders per origin
---
 client/src/app/header/search-typeahead.component.html | 2 +-
 client/src/app/header/search-typeahead.component.scss | 8 +++-----
 client/src/app/header/suggestion.component.html       | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'client/src/app/header')

diff --git a/client/src/app/header/search-typeahead.component.html b/client/src/app/header/search-typeahead.component.html
index 4355b67af..548da59bb 100644
--- a/client/src/app/header/search-typeahead.component.html
+++ b/client/src/app/header/search-typeahead.component.html
@@ -4,7 +4,7 @@
     [(ngModel)]="search" (ngModelChange)="onSearchChange()" (keydown)="handleKey($event)" (keydown.enter)="doSearch()"
     aria-label="Search" autocomplete="off"
   >
-  <span class="icon icon-search" (click)="doSearch()"></span>
+  <my-global-icon iconName="search" class="icon icon-search" role="button" (click)="doSearch()" (keydown.enter)="doSearch()"></my-global-icon>
 
   <div class="position-absolute jump-to-suggestions">
 
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index 920aa61ae..87e8b8c70 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -16,15 +16,13 @@
 
 .icon.icon-search {
   @include icon(25px);
-  height: 21px;
-
-  background-color: pvar(--mainForegroundColor);
-  mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%;
+  height: 18px;
 
   // yolo
   position: absolute;
   margin-left: -35px;
-  margin-top: 5px;
+  margin-top: 3.5px;
+  right: 10px;
 }
 
 .jump-to-suggestions {
diff --git a/client/src/app/header/suggestion.component.html b/client/src/app/header/suggestion.component.html
index ab4b4b678..4ac9809e1 100644
--- a/client/src/app/header/suggestion.component.html
+++ b/client/src/app/header/suggestion.component.html
@@ -11,7 +11,7 @@
   ></div>
 
   <div class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6">
-    <span *ngIf="result.type === 'search-instance'" i18n>In this instance</span>
+    <span *ngIf="result.type === 'search-instance'" i18n>In this instance's network</span>
     <span *ngIf="result.type === 'search-index'" i18n>In the vidiverse</span>
   </div>
 </a>
-- 
cgit v1.2.3