From b19e46d092fdeac949a4bf4ee0419ce1f5b50498 Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Thu, 5 Jul 2018 17:08:18 +0700
Subject: [PATCH] add search input

---
 src/app/dashboard/dashboard.component.html |  8 +++++---
 src/app/dashboard/dashboard.component.scss | 13 +++++++------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index a4ba231..c7ebf1a 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -19,9 +19,11 @@
       <div class="caption">
         <h1 class="icon-bubble font-green-sharp">
           <span class="caption-subject font-green-sharp sbold font"> Active</span>
-          
-          <input type="text" placeholder="Search.." >
-          
+          <div class="input-icon right">
+            <i class="icon-magnifier">
+            </i>
+            <input type="text" placeholder="Search.." class="form-control sbold font">
+          </div>
         </h1>
         <hr>
       </div>
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index 43de5e1..962cf5c 100644
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -23,14 +23,15 @@
   padding: 30px;
 }
 
-.radius {
-  width: 60%;
-  height: 25px;
-  margin: 0 auto;
-  border: 1px solid black;
-  border-radius: 10px
+.form-control {
+  outline: 0 !important;
 }
 
 .font {
   font-family: "Open Sans",sans-serif;
 }
+
+.position {
+  position: absolute;
+  right: 15px;
+}
--
libgit2 0.21.2