From 11d1c44a1a096bc037a122cc3a6d9f5b7d3b793a Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Tue, 6 Aug 2019 11:33:22 +0200
Subject: Update search box design

---
 assets/book.scss | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

(limited to 'assets')

diff --git a/assets/book.scss b/assets/book.scss
index 5a468f0..b8164e1 100644
--- a/assets/book.scss
+++ b/assets/book.scss
@@ -143,19 +143,12 @@ ul.pagination {
 
   input {
     border: 0;
-    border-bottom: $padding-1 solid $body-font-color;
-    outline: none;
+    border-radius: $padding-4;
 
-    padding: $padding-4 $padding-16 + $padding-4;
+    padding: $padding-8;
     width: 100%;
 
-    background: url("svg/search.svg") left center no-repeat;
-    background-size: $padding-16;
-
-    opacity: 0.33;
-    &:focus {
-      opacity: 1;
-    }
+    background: $gray-100;
 
     &:required + .book-search-spinner {
       display: block;
@@ -164,8 +157,9 @@ ul.pagination {
 
   .book-search-spinner {
     position: absolute;
+    margin: $padding-8;
     right: 0;
-    top: $padding-4;
+    top: 0;
 
     width: $padding-16;
     height: $padding-16;
@@ -174,7 +168,7 @@ ul.pagination {
     border-top-color: $body-font-color;
     border-radius: 50%;
 
-    @include spin(1s)
+    @include spin(1s);
   }
 
   li:last-child {
-- 
cgit v1.2.3