From 30962c4c7b686ab0bea36b2fffb33e084d3bfd67 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 24 Sep 2025 18:33:33 +0200
Subject: [PATCH] Ensure app info is too wide

---
 dashboard/src/style.css                  | 1 +
 dashboard/src/views/AppConfigureView.vue | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index 3eb2983f8..c4f266d6d 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -217,6 +217,7 @@ a.pankow-breadcrumb-item {
 /* info table label:value in Sections */
 .info-row {
   display: flex;
+  gap: 15px;
   margin-bottom: 10px;
   justify-content: space-between;
 }
diff --git a/dashboard/src/views/AppConfigureView.vue b/dashboard/src/views/AppConfigureView.vue
index f1a83ddc9..76940e951 100644
--- a/dashboard/src/views/AppConfigureView.vue
+++ b/dashboard/src/views/AppConfigureView.vue
@@ -406,6 +406,7 @@ onBeforeUnmount(() => {
   margin-top: 20px;
   margin-bottom: 10px;
   display: flex;
+  overflow-wrap: hidden;
 }
 
 .configure-menu-item {
@@ -441,6 +442,7 @@ onBeforeUnmount(() => {
 
 .configure-content {
   flex-grow: 1;
+  overflow: hidden;
 }
 
 </style>