From e078bf2d2fe8aac909188ba00dddfa207f5c0c6f Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 1 Oct 2025 13:33:03 +0200
Subject: [PATCH] Better layout errors in app update view

---
 dashboard/src/components/app/Updates.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/components/app/Updates.vue b/dashboard/src/components/app/Updates.vue
index 366ae13d4..5c8fd233e 100644
--- a/dashboard/src/components/app/Updates.vue
+++ b/dashboard/src/components/app/Updates.vue
@@ -144,13 +144,14 @@ onMounted(async () => {
 
     <div v-if="app.updateInfo">
       <label>{{ $t('settings.updates.updateAvailableAction') }}</label>
+
+      <div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
+      <div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
+
       <div class="error-label" v-if="!app.updateInfo.manifest.dockerImage">{{ $t('app.updateDialog.subscriptionExpired') }}</div>
       <div class="error-label" v-if="updateError">{{ updateError }}</div>
 
       <div class="text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
-
-      <div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
-      <div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
     </div>
     <br/>
     <Button v-if="app.updateInfo" :danger="app.updateInfo.unstable ? true : null" :success="app.updateInfo.unstable ? null : true" @click="onAskUpdate()" :disabled="app.taskId || (app.error && app.error.details.installationState !== ISTATES.PENDING_UPDATE) || app.runState === 'stopped' || app.installationState === 'pending_update'">{{ $t('app.updateDialog.updateAction') }}</Button>