design review

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

@@ -4,9 +4,8 @@ import PropTypes from 'prop-types';
 import Logo from '../../assets/images/logo-strapi.png';
 
 const Wrapper = styled.div`
-  background: ${props => props.theme.main.colors.leftMenu['link-hover']};
+  background-color: #007eff;
   height: ${props => props.theme.main.sizes.header.height};
-  background: linear-gradient(100deg, #1c5de7, #1c91e7);
 
   .leftMenuHeaderLink {
     &:hover {

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

@@ -5,6 +5,10 @@ const Li = styled.li`
   position: relative;
   overflow: hidden;
 
+  &.dotted-link {
+    background: red;
+  }
+
   &:not(:first-child) {
     margin-top: 0;
   }

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

@@ -28,6 +28,12 @@ const Wrapper = styled.div`
     list-style: none;
     padding: 0;
     margin-bottom: 2rem;
+    &.models-list {
+      li a svg {
+        font-size: 0.74rem;
+        top: calc(50% - 0.35rem);
+      }
+    }
   }
 
   .noPluginsInstalled {

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

@@ -45,12 +45,12 @@ function LeftMenuLinkContainer({ plugins, ...rest }) {
     return (
       <div key={j}>
         <p className="title">{pluginsSections[current].name}</p>
-        <ul className="list">
+        <ul className="list  models-list">
           {sortBy(contentTypes, 'label').map((link, i) => (
             <LeftMenuLink
               {...rest}
               key={`${i}-${link.label}`}
-              icon={link.icon || 'caret-right'}
+              icon={link.icon || 'circle'}
               label={link.label}
               destination={`/plugins/${link.plugin}/${link.destination ||
                 link.uid}`}

packages/strapi-plugin-content-manager/admin/src/components/DraggedField/NameWrapper.js

@@ -4,7 +4,6 @@ const NameWrapper = styled.div`
   position: relative;
   padding-left: 38px;
   padding-right: 38px;
-
   line-height: 30px;
   overflow: hidden;
   text-overflow: ellipsis;

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

@@ -27,7 +27,7 @@ const Wrapper = styled.div`
       } else if (isSub) {
         return '#ffffff';
       } else {
-        return '#fafafb';
+        return '#F2F3F4';
       }
     }};
     border: 1px solid

packages/strapi-plugin-content-manager/admin/src/components/FieldsReorder/index.js

@@ -84,7 +84,6 @@ const FieldsReorder = ({ className }) => {
             data={buttonData}
             onClick={onAddData}
             style={{ width: '100%', margin: '0 5px' }}
-            pStyle={{ marginTop: '-2px' }}
           />
         </Wrapper>
       </SortWrapper>

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

@@ -29,7 +29,7 @@ const Span = styled.span`
 const Flex = styled.div`
   display: flex;
   justify-content: flex-end;
-  padding: 0 0 12px 30px !important;
+  padding: 0 0 10px 30px !important;
   margin-top: -10px;
   color: #c3c5c8;
   font-size: 13px;

packages/strapi-plugin-content-manager/admin/src/components/LayoutTitle/index.js

@@ -7,9 +7,12 @@ const LayoutTitle = styled.div`
   line-height: 18px;
 
   p {
+    margin-top: 2px;
     margin-bottom: 29px;
-    color: #787e8f;
+    color: #9ea7b8;
+    font-size: 12px;
     font-weight: 400;
+    line-height: normal;
   }
 `;
 

packages/strapi-plugin-content-manager/admin/src/components/SettingsViewWrapper/index.js

@@ -52,6 +52,11 @@ const SettingsViewWrapper = ({
         }),
         type: 'button',
         disabled: isEqual(modifiedData, initialData) ? true : false,
+        style: {
+          fontWeight: 600,
+          paddingLeft: 15,
+          paddingRight: 15,
+        },
       },
       {
         color: 'success',
@@ -60,6 +65,10 @@ const SettingsViewWrapper = ({
         }),
         type: 'submit',
         disabled: isEqual(modifiedData, initialData) ? true : false,
+        style: {
+          minWidth: 150,
+          fontWeight: 600,
+        },
       },
     ];
   };

packages/strapi-plugin-content-manager/admin/src/components/SortWrapper/index.js

@@ -1,5 +1,9 @@
 import styled from 'styled-components';
 
-const SortWrapper = styled.div``;
+const SortWrapper = styled.div`
+  .btn-group button {
+    line-height: 32px;
+  }
+`;
 
 export default SortWrapper;

packages/strapi-plugin-content-manager/admin/src/components/SortableList/index.js

@@ -37,9 +37,8 @@ const SortableList = ({ addItem, buttonData, moveItem, removeItem }) => {
           style={{
             marginLeft: 10,
             marginRight: 10,
-            marginBottom: 10,
+            marginBottom: 13,
           }}
-          pStyle={{ marginTop: '-2px' }}
         />
       </SortWrapper>
     </div>

packages/strapi-plugin-content-manager/admin/src/containers/EditView/Header.js

@@ -54,6 +54,11 @@ const Header = () => {
           id: `${pluginId}.containers.Edit.reset`,
         }),
         type: 'button',
+        style: {
+          paddingLeft: 15,
+          paddingRight: 15,
+          fontWeight: 600,
+        },
       },
       {
         color: 'success',
@@ -61,6 +66,10 @@ const Header = () => {
           id: `${pluginId}.containers.Edit.submit`,
         }),
         type: 'submit',
+        style: {
+          minWidth: 150,
+          fontWeight: 600,
+        },
       },
     ];
 
@@ -74,6 +83,11 @@ const Header = () => {
           toggleWarningDelete();
         },
         type: 'button',
+        style: {
+          paddingLeft: 15,
+          paddingRight: 15,
+          fontWeight: 600,
+        },
       });
     }
 

packages/strapi-plugin-content-manager/admin/src/containers/ListView/index.js

@@ -254,6 +254,11 @@ function ListView({
       color: 'primary',
       type: 'button',
       icon: true,
+      style: {
+        paddingLeft: 15,
+        paddingRight: 15,
+        fontWeight: 600,
+      },
     },
   ];
 
@@ -353,7 +358,7 @@ function ListView({
                 />
               </div>
             </div>
-            <div className="row" style={{ paddingTop: '30px' }}>
+            <div className="row" style={{ paddingTop: '12px' }}>
               <div className="col-12">
                 <CustomTable
                   data={data}

packages/strapi-plugin-content-type-builder/admin/src/InjectedComponents/ContentManager/EditViewButton.js

@@ -24,7 +24,7 @@ function EditViewButton(props) {
       <Button
         {...props}
         onClick={handleClick}
-        icon={<i className="fa fa-cog"></i>}
+        icon={<i className="fa fa-cog" style={{ fontSize: 13 }}></i>}
         label={formatMessage({
           id: 'content-manager.containers.Edit.Link.Model',
         })}
@@ -32,6 +32,7 @@ function EditViewButton(props) {
           paddingLeft: 15,
           paddingRight: 15,
           outline: 0,
+          fontWeight: 600,
         }}
       ></Button>
     );