fix Install plugins design and Controller design

packages/strapi-admin/admin/src/components/ListPlugins/styles.scss

@@ -45,7 +45,8 @@
   text-align: left !important;
   > span:first-child {
     font-size: 11px;
-    font-weight: bold;
+    font-weight: 600;
+    letter-spacing: 0.7px;
     text-transform: uppercase;
   }
   > span:last-child {

packages/strapi-plugin-users-permissions/admin/src/components/Controller/styles.scss

@@ -2,7 +2,7 @@
   &:after {
     content: '\f00c';
     position: absolute;
-    top: -1px; left: 2px;
+    top: 0px; left: 2px;
     font-size: 10px;
     font-family: 'FontAwesome';
     font-weight: 100;
@@ -51,7 +51,7 @@
     content: '';
     position: absolute;
     left:0px;
-    top: 0px;
+    top: 1px;
     width: 14px; height: 14px;
     border: 1px solid rgba(16,22,34,0.15);
     background-color: #FDFDFD;
@@ -60,8 +60,10 @@
 }
 
 .separator {
-  height: 2px;
-  width: 60%;
+  height: 1px;
+  flex-grow: 2;
   margin-top: 8px;
+  margin-right: 15px;
+  margin-left: 15px;
   background-color: #F6F6F6;
 }

packages/strapi-plugin-users-permissions/admin/src/components/Plugin/index.js

@@ -49,7 +49,7 @@ class Plugin extends React.Component { // eslint-disable-line react/prefer-state
                 <i className={`fa fa-${icon}`} />
               </div>
             ) : ''}
-            <div className={styles.name} style={{ width:'30%'}}>{this.props.name}</div>
+            <div className={styles.name}>{this.props.name}</div>
             &nbsp;—&nbsp;
             <div className={styles.description}>
               {this.props.name === 'application' ? (

packages/strapi-plugin-users-permissions/admin/src/containers/EditPage/styles.scss

@@ -21,8 +21,8 @@
 }
 
 .separator {
-  margin-top: 14px;
-  border-top: 2px solid #F6F6F6;
+  margin-top: 15px;
+  border-top: 1px solid #F6F6F6;
 }
 
 .titleContainer {