From 088c41c5fa1b51fd17b7e91da0982e7dd9c12800 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Wed, 14 Oct 2026 22:37:12 +0200
Subject: [PATCH] fix(page): align skeleton with page content

Signed-off-by: Jonas <jonas@freesources.org>
Assisted-by: ClaudeCode:claude-opus-5-5
---
 src/components/PageVersion.vue | 9 ++++++---
 src/css/editor.scss            | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/PageVersion.vue b/src/components/PageVersion.vue
index e20ff117ac..b86fa08457 100644
--- a/src/components/PageVersion.vue
+++ b/src/components/PageVersion.vue
@@ -45,12 +45,15 @@
 				</NcActionButton>
 			</NcActions>
 		</div>
-		<SkeletonLoading v-show="!contentLoaded" class="page-content-skeleton" type="text" />
 		<div
-			v-show="contentLoaded"
 			id="text-container"
 			:class="[isFullWidth ? 'full-width-view' : 'sheet-view']">
-			<div ref="readerEl" data-collectives-el="reader" data-cy-collectives="reader" />
+			<SkeletonLoading v-show="!contentLoaded" class="page-content-skeleton" type="text" />
+			<div
+				v-show="contentLoaded"
+				ref="readerEl"
+				data-collectives-el="reader"
+				data-cy-collectives="reader" />
 		</div>
 	</div>
 </template>
diff --git a/src/css/editor.scss b/src/css/editor.scss
index 47e9bc33ea..7cb5998c22 100644
--- a/src/css/editor.scss
+++ b/src/css/editor.scss
@@ -9,6 +9,10 @@
 
 .full-width-view {
 	--text-editor-max-width: calc(100% - 2 * 40px);
+
+	.page-content-skeleton {
+		margin-inline: calc((100% - var(--text-editor-max-width)) / 2);
+	}
 }
 
 .sheet-view {