Improve search-box styling.

Signed-off-by: Munyoki Kilyungi <me@bonfacemunyoki.com>

1 files changed, 11 insertions, 1 deletions

diff --git a/wqflask/wqflask/templates/dataset.html b/wqflask/wqflask/templates/dataset.html
index 8883059d..f2a1eab2 100644
--- a/wqflask/wqflask/templates/dataset.html
+++ b/wqflask/wqflask/templates/dataset.html
@@ -39,7 +39,7 @@
 
  .search {
      width: 50%;
-     margin: 50px auto;
+     margin: 1em auto;
  }
  .has-search .form-control-feedback {
      right: initial;
@@ -51,6 +51,16 @@
      padding-right: 12px;
      padding-left: 34px;
  }
+
+ .search {
+     transform: scale(1.5, 1.5);
+ }
+ .search input {
+     min-width: 17em;
+ }
+ .dataset-search {
+     padding: 0 17%;
+ }
 </style>
 {% endblock %}