Merge pull request #3 from kdam0/feat/SR-26qa

Feat/SR-26

2 files changed, 112 insertions, 5 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index d9ac8f5..d4d4860 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -48,17 +48,18 @@ main .search h2{
 }
 
 .search input {
-    text-align: center;
+    text-align: left;
     box-sizing: border-box;
     background-size: 20px 20px;
-    padding: 0;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 .search input, .search button.search-button {
     font-size: 16px;
-	height: 40px;
+    height: 40px;
     border-radius: 10px;
-	border: 2px solid #ccc;
+    border: 2px solid #ccc;
 }
 
 .input-group {
@@ -629,4 +630,4 @@ hr {
 .badge {
     background-color: #f2dede !important;
     color: #a94442 !important;
-}
\ No newline at end of file
+}
diff --git a/assets/css/typeheadjs.css b/assets/css/typeheadjs.css
new file mode 100644
index 0000000..f711776
--- /dev/null
+++ b/assets/css/typeheadjs.css
@@ -0,0 +1,106 @@
+span.twitter-typeahead .tt-menu,
+span.twitter-typeahead .tt-dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  font-size: 14px;
+  text-align: left;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background-clip: padding-box;
+  margin-top: 10px;
+}
+span.twitter-typeahead .tt-suggestion {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.42857143;
+  color: #333333;
+  white-space: nowrap;
+}
+span.twitter-typeahead .tt-suggestion.tt-cursor,
+span.twitter-typeahead .tt-suggestion:hover,
+span.twitter-typeahead .tt-suggestion:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #337ab7;
+}
+.input-group.input-group-lg span.twitter-typeahead .form-control {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.input-group.input-group-sm span.twitter-typeahead .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+span.twitter-typeahead {
+  width: 100%;
+}
+.input-group span.twitter-typeahead {
+  display: inline-block !important;
+  height: 34px;
+  vertical-align: middle;
+}
+.input-group span.twitter-typeahead .tt-menu,
+.input-group span.twitter-typeahead .tt-dropdown-menu {
+  top: 32px !important;
+}
+.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
+  border-radius: 0;
+}
+.input-group span.twitter-typeahead:first-child .form-control {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  text-align: left;
+  padding-left: 10px;
+}
+.input-group span.twitter-typeahead:last-child .form-control {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.input-group.input-group-sm span.twitter-typeahead {
+  height: 30px;
+}
+.input-group.input-group-sm span.twitter-typeahead .tt-menu,
+.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
+  top: 30px !important;
+}
+.input-group.input-group-lg span.twitter-typeahead {
+  height: 46px;
+}
+.input-group.input-group-lg span.twitter-typeahead .tt-menu,
+.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
+  top: 46px !important;
+}
+
+.tt-hint {
+  color: #999;
+}
+
+.form-control {
+  text-align: left;
+}
+