From b0dbdcf53b9c0fe9733ec0301aef9fd5d57a13ad Mon Sep 17 00:00:00 2001
From: tammi-23 <t.thamm@opencloud.eu>
Date: Tue, 19 May 2026 11:04:48 +0200
Subject: [PATCH 1/2] fix: prevents unsightly line breaks

---
 packages/web-app-mail/src/components/MailList.vue     | 4 ++--
 packages/web-app-mail/src/components/MailListItem.vue | 2 +-
 packages/web-app-mail/src/views/Inbox.vue             | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/web-app-mail/src/components/MailList.vue b/packages/web-app-mail/src/components/MailList.vue
index d841e241c5..f199a16936 100644
--- a/packages/web-app-mail/src/components/MailList.vue
+++ b/packages/web-app-mail/src/components/MailList.vue
@@ -14,7 +14,7 @@
 
       <no-content-message
         v-if="!mails || !mails.length"
-        class="mail-list-empty"
+        class="mail-list-empty min-w-[306px]"
         img-src="/images/empty-states/empty-mails.svg"
       >
         <template #message>
@@ -22,7 +22,7 @@
         </template>
       </no-content-message>
 
-      <oc-list v-else class="mail-list">
+      <oc-list v-else class="mail-list min-w-[306px]">
         <li
           v-for="mail in mails"
           :id="`mail-list-item-${mail.id}`"
diff --git a/packages/web-app-mail/src/components/MailListItem.vue b/packages/web-app-mail/src/components/MailListItem.vue
index c1d0ab3331..eb53e6d4ca 100644
--- a/packages/web-app-mail/src/components/MailListItem.vue
+++ b/packages/web-app-mail/src/components/MailListItem.vue
@@ -17,7 +17,7 @@
       <div class="mail-list-item-header">
         <div class="mail-list-item-sender flex items-center justify-between gap-2">
           <span class="font-bold text-lg truncate flex-1" v-text="fromText"></span>
-          <span class="mail-list-item-received-at" v-text="receivedAtRelativeDate" />
+          <span class="mail-list-item-received-at whitespace-nowrap" v-text="receivedAtRelativeDate" />
         </div>
       </div>
       <div class="mail-list-item-subject mt-1 flex justify-between items-center">
diff --git a/packages/web-app-mail/src/views/Inbox.vue b/packages/web-app-mail/src/views/Inbox.vue
index 19855c2697..232644368c 100644
--- a/packages/web-app-mail/src/views/Inbox.vue
+++ b/packages/web-app-mail/src/views/Inbox.vue
@@ -3,7 +3,7 @@
   <template v-else>
     <div class="flex h-full">
       <div
-        class="md:border-r-2 overflow-y-auto min-w-0 w-full md:w-1/4 px-4 md:px-0"
+        class="md:border-r-2 overflow-y-auto min-w-0 md:min-w-[306px] w-full md:w-1/4 px-4 md:px-0"
         :class="{
           'hidden md:block': currentMail || !currentMailbox
         }"
@@ -11,7 +11,7 @@
         <MailList />
       </div>
       <div
-        class="overflow-y-auto min-w-0 w-full md:w-3/4 px-4 pt-4 md:pt-0"
+        class="overflow-y-auto min-w-0 md:min-w-[306px] w-full md:w-3/4 px-4 pt-4 md:pt-0"
         :class="{
           'hidden md:block': !currentMail
         }"

From 4c3d5ac4b76cfcd5b303ac53e33494075f0be303 Mon Sep 17 00:00:00 2001
From: tammi-23 <t.thamm@opencloud.eu>
Date: Tue, 19 May 2026 11:22:30 +0200
Subject: [PATCH 2/2] fix: format fix

---
 packages/web-app-mail/src/components/MailListItem.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/web-app-mail/src/components/MailListItem.vue b/packages/web-app-mail/src/components/MailListItem.vue
index eb53e6d4ca..dd40d470fc 100644
--- a/packages/web-app-mail/src/components/MailListItem.vue
+++ b/packages/web-app-mail/src/components/MailListItem.vue
@@ -17,7 +17,10 @@
       <div class="mail-list-item-header">
         <div class="mail-list-item-sender flex items-center justify-between gap-2">
           <span class="font-bold text-lg truncate flex-1" v-text="fromText"></span>
-          <span class="mail-list-item-received-at whitespace-nowrap" v-text="receivedAtRelativeDate" />
+          <span
+            class="mail-list-item-received-at whitespace-nowrap"
+            v-text="receivedAtRelativeDate"
+          />
         </div>
       </div>
       <div class="mail-list-item-subject mt-1 flex justify-between items-center">