Merge pull request #175 from theworldbright/form_inline_fix

Change look/behavior of combobox in an inline form when viewport is less than 768px

Author: wagedomain

css/bootstrap-combobox.css

@@ -1,12 +1,14 @@
-.form-search .combobox-container,
-.form-inline .combobox-container {
-  display: inline-block;
-  margin-bottom: 0;
-  vertical-align: top;
-}
-.form-search .combobox-container .input-group-addon,
-.form-inline .combobox-container .input-group-addon {
-  width: auto;
+@media (min-width: 768px) {
+  .form-search .combobox-container,
+  .form-inline .combobox-container {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: top;
+  }
+  .form-search .combobox-container .input-group-addon,
+  .form-inline .combobox-container .input-group-addon {
+    width: auto;
+  }
 }
 .combobox-selected .caret {
   display: none;

less/combobox.less

@@ -1,11 +1,13 @@
-.form-search,
-.form-inline {
-  .combobox-container {
-    display: inline-block;
-    margin-bottom: 0;
-    vertical-align: top;
-    .input-group-addon{
-      width: auto;
+@media (min-width: 768px) {
+  .form-search,
+  .form-inline {
+    .combobox-container {
+      display: inline-block;
+      margin-bottom: 0;
+      vertical-align: top;
+      .input-group-addon {
+        width: auto;
+      }
     }
   }
 }