fix: Alignment of landing page widgets

Signed-off-by: Jonas <jonas@freesources.org>
nextcloud · Oct 28, 2024 · 79db60a · 79db60a
1 parent 0882cb3
commit 79db60a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/components/Page/LandingPageWidgets.vue b/src/components/Page/LandingPageWidgets.vue
@@ -61,7 +61,7 @@ export default {
 
 <style scoped>
 .landing-page-widgets {
-	padding-inline: 12px;
+	padding-inline: 14px 8px;
 }
 .first-row-widgets{
 	display: flex;

diff --git a/src/components/Page/TextEditor.vue b/src/components/Page/TextEditor.vue
@@ -185,11 +185,11 @@ export default {
 }
 
 .text-container-heading {
-	padding-left: 14px;
+	padding-inline: 14px 8px;
 }
 
 .page-content-skeleton {
-	padding-top: var(--default-clickable-area);
+	padding-block-start: var(--default-clickable-area);
 }
 
 @media print {

diff --git a/src/css/editor.scss b/src/css/editor.scss
@@ -32,9 +32,14 @@
 	--text-editor-max-width: 670px !important;
 
 	.landing-page-widgets,
-	.text-container-heading,
 	.page-heading-skeleton,
 	.page-content-skeleton {
+		width: var(--text-editor-max-width);
+		max-width: var(--text-editor-max-width);
+		margin-inline: auto;
+	}
+
+	.text-container-heading {
 		max-width: var(--text-editor-max-width);
 		margin-inline: auto;
 	}