Icons grid adjustments

packages/strapi-admin/admin/src/components/LeftMenuLink/Li.js

@@ -80,7 +80,7 @@ const Li = styled.li`
   }
 
   .linkActive {
-    color: $white !important;
+    color: white !important;
     border-left: 0.3rem solid ${props => props.theme.main.colors.strapi.blue};
   }
 
@@ -89,9 +89,8 @@ const Li = styled.li`
     top: calc(50% - 0.9rem + 0.5rem);
     left: 1.6rem;
     margin-right: 1.2rem;
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     width: 1.4rem;
-    height: 1.2rem;
     padding-bottom: 0.2rem;
     text-align: center;
   }

packages/strapi-admin/admin/src/components/PluginCard/Wrapper.js

@@ -88,7 +88,8 @@ const Wrapper = styled.div`
     > i,
     > svg {
       margin-right: 7px;
-      font-size: 12px;
+      font-size: 11px;
+      vertical-align: inherit;
     }
   }
 

packages/strapi-admin/admin/src/components/Row/index.js

@@ -61,7 +61,7 @@ class Row extends React.Component {
 
     if (!required && currentEnvironment === 'development') {
       icons.push({
-        icoType: 'trash',
+        icoType: 'trash-alt',
         id: name,
         onClick: this.handleClick,
       });

packages/strapi-helper-plugin/lib/src/components/Ico/Div.js

@@ -9,7 +9,9 @@ const Div = styled.div`
   > i,
   > svg {
     z-index: 0;
-    font-size: 1.3rem;
+    font-size: 1.2rem;
+    height: 1.2rem;
+    vertical-align: inherit;
   }
 `;
 

packages/strapi-helper-plugin/lib/src/components/Ico/index.js

@@ -35,7 +35,7 @@ Ico.propTypes = {
 };
 
 Ico.defaultProps = {
-  icoType: 'trash',
+  icoType: 'trash-alt',
   id: '',
   onClick: () => {},
 };

packages/strapi-helper-plugin/lib/src/components/IcoContainer/index.js

@@ -22,7 +22,7 @@ IcoContainer.propTypes = {
 IcoContainer.defaultProps = {
   icons: [
     { icoType: 'pencil', onClick: () => {} },
-    { icoType: 'trash', onClick: () => {} },
+    { icoType: 'trash-alt', onClick: () => {} },
   ],
 };
 

packages/strapi-helper-plugin/lib/src/components/LiLink/StyledLink.js

@@ -11,15 +11,13 @@ const StyledLink = styled(Link)`
   i,
   svg {
     color: #333740;
-  }
-  span {
-    font-size: 13px;
-  }
-  i,
-  svg {
     width: 13px;
     height: 11px;
     margin-right: 10px;
+    vertical-align: 0;
+  }
+  span {
+    font-size: 13px;
   }
   .layout {
     display: inline-block;

packages/strapi-plugin-content-manager/admin/src/components/CustomTable/Row.js

@@ -104,7 +104,7 @@ function Row({ goTo, isBulkable, row, headers }) {
       })}
       <ActionContainer>
         <IcoContainer
-          style={{ minWidth: 'inherit', width: '100%' }}
+          style={{ minWidth: 'inherit', width: '100%', lineHeight: 48 }}
           icons={[
             {
               icoType: 'pencil-alt',
@@ -114,7 +114,7 @@ function Row({ goTo, isBulkable, row, headers }) {
             },
             {
               id: row.id,
-              icoType: 'trash',
+              icoType: 'trash-alt',
               onClick: () => {
                 onClickDelete(row.id);
               },

packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js

@@ -141,7 +141,8 @@ const ActionContainer = styled.td`
   i,
   svg {
     margin-left: 15px;
-    font-size: 1.1rem;
+    font-size: 1rem;
+    height: 1rem;
     color: #0e1622;
 
     &:first-of-type {

packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/Wrapper.js

@@ -4,9 +4,6 @@ const Wrapper = styled.div`
   position: relative;
   margin: 24px 0 0 0;
   padding-bottom: 23px;
-  & + & {
-    padding-bottom: 9px;
-  }
   text-align: center;
   .info {
     position: absolute;

packages/strapi-plugin-documentation/admin/src/components/Row/ButtonContainer.js

@@ -30,7 +30,7 @@ const ButtonContainer = ({
         <FormattedMessage id="documentation.components.Row.regenerate" />
       </StyledButton>
       <StyledButton
-        type={version === currentDocVersion ? '' : 'trash'}
+        type={version === currentDocVersion ? '' : 'trash-alt'}
         onClick={() => onClickDelete(version)}
       />
     </div>

packages/strapi-plugin-documentation/admin/src/components/Row/components.js

@@ -64,7 +64,7 @@ const StyledButton = styled(Button)`
         font-weight: 400;
         &:before {
           margin-right: 10px;
-          content: '\f1f8';
+          content: '\f2ed';
           font-family: 'FontAwesome';
           font-size: 12 px;
         }

packages/strapi-plugin-upload/admin/src/components/Li/index.js

@@ -95,7 +95,7 @@ class Li extends React.Component {
         onClick: this.handleClick,
       },
       {
-        icoType: 'trash',
+        icoType: 'trash-alt',
         onClick: () => this.setState({ isOpen: true }),
       },
     ];

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

@@ -35,7 +35,7 @@ class ListRow extends React.Component {
         onClick: this.handleClick,
       },
       {
-        icoType: 'trash',
+        icoType: 'trash-alt',
         onClick: () => {
           this.setState({ showModalDelete: true });
         },