diff --git a/packages/strapi-helper-plugin/lib/src/assets/styles/sizes.js b/packages/strapi-helper-plugin/lib/src/assets/styles/sizes.js index 5ab5207ce5..81cd544146 100644 --- a/packages/strapi-helper-plugin/lib/src/assets/styles/sizes.js +++ b/packages/strapi-helper-plugin/lib/src/assets/styles/sizes.js @@ -1,4 +1,8 @@ const sizes = { + tablet: '768px', + desktop: '992px', + wide: '1280px', + header: { height: '6rem', }, diff --git a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js index f91d8f0756..c65e709915 100644 --- a/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js +++ b/packages/strapi-helper-plugin/lib/src/components/PluginHeaderActions/StyledPluginHeaderActions.js @@ -11,7 +11,7 @@ const StyledPluginHeaderActions = styled.div` justify-content: flex-end; width: fit-content; max-width: 100%; - padding-top: 0.9rem; + padding-top: 1rem; button { margin-right: 0; margin-left: 1.8rem; diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss index 4682d83ad4..b419fc82da 100644 --- a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss +++ b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss @@ -1,7 +1,6 @@ .controlsContainer { display: flex; box-sizing: border-box; - overflow-x: scroll; background-color: #f3f4f4; select { diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js index 03c2f339e7..ce9370e389 100644 --- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js +++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js @@ -652,8 +652,8 @@ export class ModelPage extends React.Component { )} - {!this.getSource() && ( -
+
+ {!this.getSource() && ( { e.stopPropagation(); @@ -672,8 +672,8 @@ export class ModelPage extends React.Component {
-
- )} + )} + div:first-child { margin: 0; @@ -12,6 +13,7 @@ const Wrapper = styled.div` width: 100%; padding: 0 !important; list-style: none; + margin-bottom: 0; > li:nth-child(2) { height: 57px; > div { diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/InputCheckboxPlugin/index.js b/packages/strapi-plugin-users-permissions/admin/src/components/InputCheckboxPlugin/index.js index 77cc18a22d..4b553e7718 100644 --- a/packages/strapi-plugin-users-permissions/admin/src/components/InputCheckboxPlugin/index.js +++ b/packages/strapi-plugin-users-permissions/admin/src/components/InputCheckboxPlugin/index.js @@ -61,9 +61,9 @@ function InputCheckboxPlugin({ return (
- {emptyApplication && ( - - {this.state.collapse ? ( - - ) : ( - - )} - - )}
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/Components.js b/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/Components.js index 3e1da43617..dfb2d8a212 100644 --- a/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/Components.js +++ b/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/Components.js @@ -5,6 +5,7 @@ const Wrapper = styled.div` padding: 0; .plugins-wrapper { padding-top: 1.8rem; + width: 100%; } `; @@ -27,7 +28,7 @@ const Header = styled.div` `; const PluginsContainer = styled.div` - padding-top: 1.9rem; + padding-top: 2rem; > div { border-bottom: 1px solid white; &:last-child { diff --git a/packages/strapi-plugin-users-permissions/admin/src/containers/EditPage/Components.js b/packages/strapi-plugin-users-permissions/admin/src/containers/EditPage/Components.js index 55f76d4d59..91008ddfa1 100644 --- a/packages/strapi-plugin-users-permissions/admin/src/containers/EditPage/Components.js +++ b/packages/strapi-plugin-users-permissions/admin/src/containers/EditPage/Components.js @@ -1,10 +1,19 @@ import styled from 'styled-components'; +import { sizes } from 'strapi-helper-plugin'; + const Wrapper = styled.div` + * { + box-sizing: border-box; + } + > .container-fluid { padding: 18px 30px; > div:first-child { - margin-bottom: 11px; + margin-bottom: 7px; + @media (min-width: ${sizes.desktop}) { + margin-bottom: 11px; + } } } @@ -39,7 +48,7 @@ const Title = styled.div` `; const Separator = styled.div` - margin-top: 15px; + margin-top: 13px; border-top: 1px solid #f6f6f6; `;