fix(StreamList): Fix stream lists with new button design

[fixes #131910355] Signed-off-by: Ryan Dy <rdy@pivotal.io>
pivotal-cf · Oct 7, 2016 · c7435ff · c7435ff
1 parent 2593a77
commit c7435ff
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/library/src/pivotal-ui-react/stream-list/stream-list.js b/library/src/pivotal-ui-react/stream-list/stream-list.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {UIButton} from 'pui-react-buttons';
+import {DefaultButton} from 'pui-react-buttons';
 import {GroupList, ListItem} from 'pui-react-lists';
 import mixin from 'pui-react-mixins';
 import Animation from 'pui-react-mixins/mixins/animation_mixin';
@@ -14,11 +14,11 @@ class StreamListNewItemsButton extends React.Component {
 
   render() {
     return (
-      <UIButton className="btn-default list-stream-new-items-btn"
+      <DefaultButton flat className="list-stream-new-items-btn"
                 onClick={this.props.showNewItems}>
         {`${this.props.numNewItems} ${this.props.numNewItems === 1 ?
           this.props.singularNewItemText : this.props.pluralNewItemsText}`}
-      </UIButton>
+      </DefaultButton>
     );
   }
 }

diff --git a/library/src/pivotal-ui/components/lists/lists.scss b/library/src/pivotal-ui/components/lists/lists.scss
@@ -278,6 +278,7 @@ This section contains different list behaviors. See [lists][list] to see differe
   border-radius: 0;
   border-top: 1px solid $list-group-border;
   box-shadow: 0px -1px $shadow-4;
+  justify-content: center;
 
   &:hover {
     background-color: darken($neutral-10, 20%);