From 4db5855b746b5d2c464fd9ef18d17dcbec7224f0 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 10 Jul 2025 12:18:20 +0200
Subject: [PATCH] Avoid line wrap in app summary of install dialog

---
 dashboard/src/components/AppInstallDialog.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index d6a71ecb4..4f27188ee 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -215,7 +215,8 @@ 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) }) }} - Version <b>{{ app.manifest.upstreamVersion }}</b> - <a :href="manifest.website" target="_blank">Website</a></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('appstore.installDialog.memoryRequirement', { size: prettyBinarySize(manifest.memoryLimit || (256 * 1024 * 1024)) }) }}</div>
         </div>
@@ -308,6 +309,10 @@ defineExpose({
   font-size: 14px;
 }
 
+.summary > div {
+  text-wrap: nowrap;
+}
+
 .title {
   font-size: 32px;
   margin-bottom: 10px;