_search_form.scss in blacklight-8.0.0.beta1

- old
+ new

@@ -1,7 +1,34 @@
 // bootstrap does flex-grow: 1 by default which makes the
 // text input roughly the same size as the select in many cases
-.input-group > .form-control {
-  &.search-q {
-    flex-grow: 3;
+.input-group>.search-q {
+  flex-grow: 4;
+}
+
+.input-group > .search-autocomplete-wrapper {
+  @extend .form-control;
+  display: inline-block;
+  flex-grow: 4;
+  padding: 0;
+  position: relative;
+  
+  .search-q {
+    border: 0;
+    height: 100%;
+    width: 100%;
   }
+  
+  ul {
+    @extend .dropdown-menu;
+    display: block;
+
+    li {
+      @extend .dropdown-item;
+    }
+  }
+}
+
+.search-btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  display: flex;
 }