Fix styling for finder

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;
 }

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;