Set width of simple filter fields component

Author: jeff-phillips-18

dist/angular-patternfly.js

@@ -4141,7 +4141,7 @@ angular.module('patternfly.views').directive('pfDataToolbar',
   'use strict';
 
   $templateCache.put('filters/simple-filter-fields.html',
-    "<div class=simple-filter><form><div class=form-group><div class=input-group><div dropdown class=input-group-btn><button dropdown-toggle type=button class=\"btn btn-default dropdown-toggle filter-fields\" data-toggle=dropdown aria-haspopup=true aria-expanded=false>{{currentField.title}} <span class=caret></span></button><ul class=dropdown-menu><li ng-repeat=\"item in config.fields\"><a class=filter-field role=menuitem tabindex=-1 ng-click=selectField(item)>{{item.title}}</a></li></ul></div><input class=form-control type={{currentField.filterType}} ng-model=config.currentValue placeholder={{currentField.placeholder}} ng-keypress=onValueKeyPress($event) ng-if=\"currentField.filterType !== 'select'\"><select pf-select class=\"form-control filter-select\" id=currentValue ng-model=config.currentValue ng-options=\"filterValue for filterValue in currentField.filterValues\" ng-if=\"currentField.filterType === 'select'\" ng-change=selectValue(config.currentValue)><option value=\"\">{{currentField.placeholder}}</option></select></div></div></form></div>"
+    "<div class=\"simple-filter filter-fields\"><form><div class=form-group><div class=input-group><div dropdown class=input-group-btn><button dropdown-toggle type=button class=\"btn btn-default dropdown-toggle filter-fields\" data-toggle=dropdown aria-haspopup=true aria-expanded=false>{{currentField.title}} <span class=caret></span></button><ul class=dropdown-menu><li ng-repeat=\"item in config.fields\"><a class=filter-field role=menuitem tabindex=-1 ng-click=selectField(item)>{{item.title}}</a></li></ul></div><input class=form-control type={{currentField.filterType}} ng-model=config.currentValue placeholder={{currentField.placeholder}} ng-keypress=onValueKeyPress($event) ng-if=\"currentField.filterType !== 'select'\"><select pf-select class=\"form-control filter-select\" id=currentValue ng-model=config.currentValue ng-options=\"filterValue for filterValue in currentField.filterValues\" ng-if=\"currentField.filterType === 'select'\" ng-change=selectValue(config.currentValue)><option value=\"\">{{currentField.placeholder}}</option></select></div></div></form></div>"
   );
 
 

dist/angular-patternfly.min.js

@@ -293,6 +293,11 @@
   cursor: pointer;
 }
 
+.simple-filter.filter-fields .form-group {
+  padding-left: 0;
+  width: 275px;
+}
+
 .filter-select .btn-default {
   font-size: 12px;
   font-style: italic;

dist/styles/angular-patternfly.css

@@ -31,7 +31,8 @@
       }
 
       addTag('base', {href: baseUrl});
-      addTag('link', {rel: 'stylesheet', href: 'css/prettify.css', type: 'text/css'});
+      // Comment out the use of prettify.css as it changes some sizing which disrupts patternfly styling
+      // addTag('link', {rel: 'stylesheet', href: 'css/prettify.css', type: 'text/css'});
       addTag('link', {rel: 'stylesheet', href: 'css/docs.css', type: 'text/css'});
       addTag('link', {rel: 'stylesheet', href: 'css/animations.css', type: 'text/css'});
 

dist/styles/angular-patternfly.min.css

@@ -1,4 +1,4 @@
-<div class="simple-filter">
+<div class="simple-filter filter-fields">
   <form>
     <div class="form-group">
       <div class="input-group">

grunt-ngdocs-index.tmpl

@@ -293,6 +293,11 @@
   cursor: pointer;
 }
 
+.simple-filter.filter-fields .form-group {
+  padding-left: 0;
+  width: 275px;
+}
+
 .filter-select .btn-default {
   font-size: 12px;
   font-style: italic;