From 045187fe2d0abdede0a0cca3ef4bc2d7a4a4ede8 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Fri, 12 Sep 2025 19:18:59 +0200
Subject: [PATCH] reorder fields in app install dialog a bit

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

diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index 566cee1a2..31f422301 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -215,10 +215,11 @@ defineExpose({
       <div class="app-install-header">
         <div class="summary" v-if="app.manifest">
           <div class="title">{{ manifest.title }}</div>
-          <div>{{ $t('appstore.installDialog.lastUpdated', { date: prettyDate(app.creationDate) }) }}</div>
-          <div>Version <b>{{ app.manifest.upstreamVersion }}</b> - <a :href="manifest.website" target="_blank">Website</a></div>
-          <div>{{ $t('app.updates.info.packageVersion') }} <b>{{ app.manifest.version }}</b></div>
+          <div>{{ $t('app.updates.info.packageVersion') }} {{ app.manifest.version }}</div>
+          <div>{{ manifest.title }} Version {{ app.manifest.upstreamVersion }}</div>
+          <div><a :href="manifest.website" target="_blank">{{ manifest.website }}</a></div>
           <div>{{ $t('appstore.installDialog.memoryRequirement', { size: prettyBinarySize(manifest.memoryLimit || (256 * 1024 * 1024)) }) }}</div>
+          <div>{{ $t('appstore.installDialog.lastUpdated', { date: prettyDate(app.creationDate) }) }}</div>
         </div>
         <img class="icon" :src="app.iconUrl" />
       </div>