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;
`;