search text box interface improvement

hkulekci · Oct 15, 2017 · b147bed · b147bed
1 parent 2e06d6b
commit b147bed
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/views/index.twig b/views/index.twig
@@ -1,11 +1,16 @@
 {% extends 'layout.twig' %}
 
 {% block body %}
-  <div class="row">
-    <div class="col-12">
+  <div class="row justify-content-center">
+    <div class="col-5">
       <form method="post">
-        <input type="text" id="typeSearchInput" placeholder="Type for search ..." autofocus><span id="searchStatus">...</span>
+        <input type="text" id="typeSearchInput" placeholder="Type for search ..." autofocus class="form-control">
       </form>
+    </div>
+    <div class="col-1"><span id="searchStatus">...</span></div>
+  </div>
+  <div class="row">
+    <div class="col-12">
       <div id="typeSearchResults">
       </div>
     </div>