From 2f4741f0170eacc4048fcaf0f4c7ff7951a799ab Mon Sep 17 00:00:00 2001
From: Kumar Priyansh <bobbyskhs@gmail.com>
Date: Mon, 31 Aug 2020 00:46:59 +0530
Subject: Improved styling

---
 app/css/style.css | 11 ++++++++---
 app/index.html    |  1 +
 2 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'app')

diff --git a/app/css/style.css b/app/css/style.css
index d9ff071..29ad841 100644
--- a/app/css/style.css
+++ b/app/css/style.css
@@ -18,10 +18,8 @@ body {
 }
 
 .search_box {
-    position: absolute;
-    top: 30%;
-    left: 10%;
     width: 80%;
+    margin: 10% auto 0px auto;
 }
 
 .search {
@@ -36,3 +34,10 @@ body {
 .search::placeholder {
     color: #c9c9c9;
 }
+
+.small {
+    font-size: 0.75rem;
+    color: #bdbdbd;
+    text-transform: uppercase;
+    padding-left: 5px;
+}
diff --git a/app/index.html b/app/index.html
index 40896a0..9d90dd7 100644
--- a/app/index.html
+++ b/app/index.html
@@ -11,6 +11,7 @@
         <div class="drag_region"></div>
         <div class="search_box">
             <input type="text" class="search" placeholder="Search for words..." id="searchBox">
+            <p class="small">press enter to search</p>
         </div>
     </div>
     <script src="scripts/search.js"></script>
-- 
cgit v1.2.3