Merge pull request openshift#2319 from rhamilto/role-rule-filter-fix

Fix Role Rules filter bar layout bug
ggreer · May 10, 2018 · f1c3c86 · f1c3c86
2 parents 0cf53ce + 97c9fb3
commit f1c3c86
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/frontend/public/components/RBAC/role.jsx b/frontend/public/components/RBAC/role.jsx
@@ -95,11 +95,13 @@ class Details extends React.Component {
  </div>
  <Heading text="Rules" />
  <div className="co-m-pane__body">
- <div className="row">
- <div className="col-xs-12">
+ <div className="co-m-pane__filter-bar co-m-pane__filter-bar--alt">
+ <div className="co-m-pane__filter-bar-group">
  <Link to={addHref(name, namespace)}>
  <button className="btn btn-primary">Add Rule</button>
  </Link>
+ </div>
+ <div className="co-m-pane__filter-bar-group co-m-pane__filter-bar-group--filter">
  <TextFilter label="Rules by action or resource" onChange={this.changeFilter} />
  </div>
  </div>

diff --git a/frontend/public/style/_common.scss b/frontend/public/style/_common.scss
@@ -15,6 +15,12 @@
  }
 }
 
+.co-m-pane__filter-bar--alt {
+ padding-left: 0;
+ padding-right: 0;
+ padding-top: 0;
+}
+
 .co-m-pane__filter-bar-group {
  display: flex;
  flex: 1 1 auto;