Set larger label-filter default input click targets

Author: sg00dwin

app/styles/_data-toolbar.less

@@ -33,6 +33,12 @@
         font-size: @font-size-base;
       }
     }
+    .label-filter-key .selectize-input.not-full {
+      // Increase default input click target
+      width: 220px;
+      @media (min-width: @screen-xs) and (max-width: @screen-sm-max) { width: (@screen-xs - 100)} // 380px
+      @media (min-width: @screen-md) { width: (@screen-xs + 20)} // 500px
+    }
     .form-group {
       margin-bottom: 0;
     }

dist/styles/main.css

@@ -4039,6 +4039,12 @@ copy-to-clipboard .input-group.limit-width{max-width:300px}
 .data-toolbar .checkbox{-webkit-flex:1 1 0%;-moz-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;margin-left:20px;margin-top:3px;text-align:right}
 .data-toolbar .data-toolbar-filter{-webkit-flex:1 1 0%;-moz-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}
 }
+.data-toolbar .data-toolbar-filter .label-filter-key .selectize-input.not-full{width:220px}
+@media (min-width:480px) and (max-width:991px){.data-toolbar .data-toolbar-filter .label-filter-key .selectize-input.not-full{width:380px}
+}
+@media (min-width:992px){.data-toolbar .data-toolbar-filter{max-width:600px}
+.data-toolbar .data-toolbar-filter .label-filter-key .selectize-input.not-full{width:500px}
+}
 .data-toolbar .data-toolbar-filter .form-group{margin-bottom:0}
 .data-toolbar .data-toolbar-views{-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;text-align:right}
 @media (min-width:1200px){.data-toolbar .data-toolbar-views{-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
@@ -4090,8 +4096,7 @@ h2+.list-view-pf{margin-top:20px}
 .list-view-pf-additional-info-item{display:inline-block;text-align:left}
 .list-view-pf-description{-ms-flex:1 0 55%;flex:1 0 55%}
 .list-view-pf-main-info{padding-bottom:10px;padding-top:10px}
-@media (min-width:992px){.data-toolbar .data-toolbar-filter{max-width:600px}
-.list-view-pf .list-group-item-heading,.list-view-pf .list-group-item-text{-ms-flex:1 0 auto;flex:1 0 auto;margin:0;padding:0 20px 0 0;width:50%}
+@media (min-width:992px){.list-view-pf .list-group-item-heading,.list-view-pf .list-group-item-text{-ms-flex:1 0 auto;flex:1 0 auto;margin:0;padding:0 20px 0 0;width:50%}
 .list-view-pf-additional-info{width:40%}
 .list-view-pf-description{width:60%}
 }