chore(ui): fixes for accounts view

polonel · Mar 7, 2019 · 0d512b7 · 0d512b7
1 parent 1a9cb7b
commit 0d512b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/client/components/Grid/GridItem.jsx b/src/client/components/Grid/GridItem.jsx
@@ -17,9 +17,17 @@ import PropTypes from 'prop-types'
 
 class GridItem extends React.Component {
   render () {
-    const { width, extraClass } = this.props
+    const { width, xLargeWidth, extraClass } = this.props
     return (
-      <div className={'uk-width-' + width + (extraClass ? ' ' + extraClass : '')} style={this.props.style}>
+      <div
+        className={
+          'uk-width-' +
+          width +
+          (xLargeWidth ? ' uk-width-xLarge-' + xLargeWidth : '') +
+          (extraClass ? ' ' + extraClass : '')
+        }
+        style={this.props.style}
+      >
         {this.props.children}
       </div>
     )
@@ -28,6 +36,7 @@ class GridItem extends React.Component {
 
 GridItem.propTypes = {
   width: PropTypes.string.isRequired,
+  xLargeWidth: PropTypes.string,
   extraClass: PropTypes.string,
   style: PropTypes.object,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired

diff --git a/src/client/containers/Accounts/index.jsx b/src/client/containers/Accounts/index.jsx
@@ -126,7 +126,7 @@ class AccountsContainer extends React.Component {
       const isAgent = user.getIn(['role', 'isAgent']) || false
       const isDeleted = user.get('deleted') || false
       return (
-        <GridItem key={user.get('_id')} width={'1-5'} extraClass={'mb-25'}>
+        <GridItem key={user.get('_id')} width={'1-5'} xLargeWidth={'1-6'} extraClass={'mb-25'}>
           <TruCard
             loaderActive={user.get('loading')}
             menu={actionMenu}