first iteration of search functionality - likely to fail hard

public/css/jk.css

@@ -22,14 +22,21 @@
 }
 
 
-#search-form input[type="search"], #search-form input[type="radio"], #search-form label{
+#search-form input[type="text"], #search-form input[type="radio"], #search-form label{
   display:inline;
 	}
+#search-form input[type="text"]{
+	max-width: 150px;
+}
+
 #search-form input[type="radio"]{
   max-width: 15px;
 	}
 #search-form #radios{
-	border: 1px solid #454d55;
+	border: 1px solid #ced4da;
+	border-radius:.25rem;
+	height: calc(1.6em + .75em + 2px);
+	line-height:1.6;
 	padding: 5px;
 }
 #search-form .form-group{

resources/views/search/index.blade.php

@@ -10,7 +10,7 @@
       <label for="">Hops</label>
       <input type="radio" id="yeasts" value="yeast" name="table" >
       <label for="">Yeasts</label></span>
-      <input type="search" class="form-control" name="search" /><button type="submit" class="btn btn-primary">Search</button>
+      <input type="text" class="form-control" name="search" /><button type="submit" class="btn btn-primary">Search</button>
     </div>
 
 </form>