[reclaim-ui] 127/459: prettify search icon

[gnunet]

This is an automated email from the git hooks/post-receive script.

martin-schanzenbach pushed a commit to branch master
in repository reclaim-ui.

commit 7f852bd6caccd28d995d5b63d5190f90b0d6324d
Author: Schanzenbach, Martin <mschanzenbach@posteo.de>
AuthorDate: Tue Jul 16 10:25:50 2019 +0200

    prettify search icon
---
 src/app/identity-list/identity-list.component.html |  3 ++-
 src/app/identity-list/identity-list.component.scss | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index f9a5e15..1571b75 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -50,8 +50,9 @@
 <div *ngIf="canSearch()"  style="margin-top: 1em; text-align: center;">
   <!-- Identity search -->
   <form class="form-inline" style="display: table; margin: auto;">
+    <div class="search-wrapper">
     <input class="form-control mr-sm-2" type="search" [(ngModel)]="searchTerm" 
name="searchTerm" placeholder="Search identities" style="border-radius: 2em;">
-    <span class="fa fa-search"></span>
+    </div>
   </form>
   <br/>
 </div>
diff --git a/src/app/identity-list/identity-list.component.scss 
b/src/app/identity-list/identity-list.component.scss
index 8626110..fc535ee 100644
--- a/src/app/identity-list/identity-list.component.scss
+++ b/src/app/identity-list/identity-list.component.scss
@@ -1,3 +1,17 @@
+.search-wrapper {
+  display:inline-block;
+  position: relative
+}
+
+.search-wrapper:after {
+  font-family: 'FontAwesome';
+  content: '\f002';
+  position: absolute;
+  color: #555;
+  right: 1.25em;
+  top: 0.5em;
+}
+
 .card table {
   table-layout: fixed;
 }

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.