From a80b0e18b7fdfbaa8681d7e08045caad71cce734 Mon Sep 17 00:00:00 2001
From: cyril lopez <cyril.lpz@gmail.com>
Date: Thu, 25 Jan 2018 17:39:56 +0100
Subject: [PATCH] Fix ctb and user-permission list item spacing

---
 .../admin/src/components/TableList/styles.scss            | 4 ++++
 .../admin/src/components/TableListRow/index.js            | 7 +++++--
 .../admin/src/components/ListRow/index.js                 | 2 +-
 .../admin/src/components/ListRow/styles.scss              | 8 ++------
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
index fa3db60bdb..dc1bf07c07 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
@@ -105,6 +105,10 @@
     text-overflow: ellipsis;
 
   }
+  > i {
+    align-self: center;
+    margin-right: 52px;
+  }
 }
 
 .descriptionContainer {
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/TableListRow/index.js b/packages/strapi-plugin-content-type-builder/admin/src/components/TableListRow/index.js
index 81719f3ce2..4ef38b791a 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/TableListRow/index.js
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/TableListRow/index.js
@@ -51,8 +51,11 @@ class TableListRow extends React.Component { // eslint-disable-line react/prefer
 
     return (
       <ListRow onClick={this.handleGoTo}>
-        <div className="col-md-1"><i className={`fa ${this.props.rowItem.icon}`} /></div>
-        <div className={`col-md-3 ${styles.italic} ${styles.nameContainer}`}><span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span> {temporary}</div>
+        <div className={`col-md-4 ${styles.italic} ${styles.nameContainer}`}>
+          <i className={`fa ${this.props.rowItem.icon}`} />
+          <span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span>
+          &nbsp;{temporary}
+        </div>
         <div className={`col-md-5 text-center ${styles.descriptionContainer}`}>
           <div>
             {description}
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js b/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js
index b7677bbe23..d6d9abb27b 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js
@@ -51,7 +51,7 @@ class ListRow extends React.Component { // eslint-disable-line react/prefer-stat
         }
 
         return (
-          <div className={cn('row', styles.wrapper)}>
+          <div className={cn('row', styles.wrapper)} style={{ paddingLeft: '20px'}}>
             <div className="col-md-2">
               <b>{this.props.item.name}</b>
             </div>
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/styles.scss
index 4ad588e52b..6203fff649 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/ListRow/styles.scss
@@ -22,11 +22,12 @@
 
 .flex {
   display: flex;
-  justify-content: space-between;
+  padding-left: 7px;
   font-weight: 600;
   text-transform: capitalize;
   > div:last-child {
     width: 80%;
+    margin-left: 52px;
     padding-left: 7px;
     text-align: left;
   }
@@ -46,18 +47,13 @@
 .wrapper {
   > div:first-child {
     text-align: left;
-
-
   }
-
   > div:nth-of-type(2) {
     text-align: center;
   }
-
   strong {
     font-weight: 600;
   }
-
   b {
     font-weight: 500;
   }