From 7e63aa14ea4298a1511f75e875ca001d2bd61ee8 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Sun, 10 Dec 2017 13:53:07 +0100
Subject: Add results

---
 src/client/style/index.scss | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

(limited to 'src/client/style/index.scss')

diff --git a/src/client/style/index.scss b/src/client/style/index.scss
index 6f1592c..d7d8b01 100644
--- a/src/client/style/index.scss
+++ b/src/client/style/index.scss
@@ -1,5 +1,6 @@
 body {
   background-color: #ececec;
+  font-family: 'Roboto';
 }
 
 * {
@@ -8,13 +9,19 @@ body {
 
 .search {
   width: 580px;
-  height: 54px;
+  border-radius: 2px;
   background-color: white;
 
-  &.focus {
+  &--has-focus {
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   }
 
+  &--has-results {
+    .search__input-wrapper {
+      border-bottom: 1px #BDBDBD solid;
+    }
+  }
+
   &__icon-wrapper {
     height: 54px;
     padding: 15px;
@@ -26,7 +33,6 @@ body {
 
   &__input-wrapper {
     display: flex;
-    widows: inherit;
     height: 54px;
 
     input {
@@ -39,4 +45,15 @@ body {
       font-size: 16px;
     }
   }
+
+  &__result {
+    display: flex;
+
+    &__text {
+      padding: 15px;
+      padding-left: 0px;
+      font-size: 16px;
+      transform: translate(0, 3px);
+    }
+  }
 }
-- 
cgit v1.1