From 6b235afbd16c6cbdb1166f8bd4ace0cd3eff3c51 Mon Sep 17 00:00:00 2001
From: sudheer <sudheer.105@gmail.com>
Date: Thu, 26 Jul 2018 13:26:38 +0530
Subject: [PATCH] Fix styling for finder

---
 src/browser/css/components/Finder.css   | 36 +++++++++++++++++++------
 src/browser/css/components/MainPage.css |  2 +-
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/browser/css/components/Finder.css b/src/browser/css/components/Finder.css
index 45c72d03..8ab08d8e 100644
--- a/src/browser/css/components/Finder.css
+++ b/src/browser/css/components/Finder.css
@@ -1,16 +1,16 @@
 .finder-input-wrapper {
   display: inline-block;
   position: relative;
+  vertical-align: bottom;
 }
 
 .finder button {
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  background: white;
+  border: none;
+  background: #d2d2d2;
   outline: none;
-  padding: 5px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: 18px;
+  height: 26px;
 }
 
 .finder button:hover {
@@ -20,9 +20,12 @@
 .finder-input {
   border: 1px solid #d2d2d2;
   border-radius: 3px;
-  padding: 5px;
+  width: 200px;
   outline: none;
+  line-height: 24px;
   font-size: 14px;
+  padding: 0px 35px 0px 5px;
+  vertical-align: baseline;
 }
 
 .finder-input:focus {
@@ -37,6 +40,23 @@
 .finder-progress {
   position: absolute;
   font-size: 12px;
-  right: 10px;
-  top: 10px;
+  right: 8px;
+  top: 6px;
+  color: #7b7b7b;
+}
+
+.icon {
+  height: 18px;
+  width: 18px;
+}
+
+.finder .finder-close {
+    background: transparent;
+    border: none;
+}
+
+.finder-next {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    margin-right: 2px;
 }
diff --git a/src/browser/css/components/MainPage.css b/src/browser/css/components/MainPage.css
index e6e75041..e3518a11 100644
--- a/src/browser/css/components/MainPage.css
+++ b/src/browser/css/components/MainPage.css
@@ -16,7 +16,7 @@ div[id*="-permissionDialog"] {
   position: fixed;
   top: 0;
   right: 20px;
-  padding: 5px;
+  padding: 4px;
   background: #eee;
   border: 1px solid #d7d7d7;
   border-top: none;