From 8ea925e4aefb7bb5fe82534a49c925f6d93b5dd1 Mon Sep 17 00:00:00 2001
From: boban <boban.blaskovic@gmail.com>
Date: Mon, 27 Apr 2026 00:55:06 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Toast=20Mittelma=C3=9F=20=E2=80=93=20320?=
 =?UTF-8?q?px,=20badge=20kleiner=20als=20titel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 resources/js/plugins/Toastra/src/message.css | 38 +++++++++-----------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/resources/js/plugins/Toastra/src/message.css b/resources/js/plugins/Toastra/src/message.css
index 66d16b2..f44964a 100644
--- a/resources/js/plugins/Toastra/src/message.css
+++ b/resources/js/plugins/Toastra/src/message.css
@@ -27,7 +27,7 @@
 .notification {
     position: fixed;
     z-index: 999999;
-    max-width: 300px;
+    max-width: 320px;
     width: 100%;
 }
 
@@ -292,7 +292,7 @@
 }
 
 .notification-message {
-    font-size: 11.5px;
+    font-size: 12px;
     line-height: 1;
 }
 
@@ -304,8 +304,8 @@
     position: relative;
     display: flex;
     align-items: center;
-    padding: 11px 12px;
-    gap: 9px;
+    padding: 12px 14px;
+    gap: 10px;
 }
 
 .notification-block b {
@@ -612,26 +612,26 @@
 }
 
 .notification.glass-mode .notification-block {
-    padding: 10px 12px 11px 12px;
-    gap: 9px;
+    padding: 12px 14px 13px 14px;
+    gap: 10px;
 }
 
 /* Icon als soft pill */
 .notification.glass-mode .notification-icon {
-    width: 28px;
-    height: 28px;
+    width: 30px;
+    height: 30px;
     flex-shrink: 0;
     display: grid;
     place-items: center;
-    border-radius: 8px;
+    border-radius: 9px;
     background: rgba(255,255,255,.06);
     border: 1px solid rgba(255,255,255,.08);
     box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
 }
 
 .notification.glass-mode .notification-icon svg {
-    width: 14px;
-    height: 14px;
+    width: 15px;
+    height: 15px;
 }
 
 /* Headline-Zeile: Badge + Title */
@@ -639,14 +639,10 @@
     display: flex;
     align-items: center;
     gap: 6px;
-    padding-right: 24px;
-    font-size: 11.5px;
-    font-weight: 600;
-    letter-spacing: .1px;
+    padding-right: 26px;
+    line-height: 1.2;
     color: var(--mw-t1, #edf0fc);
-    white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
 }
 
 /* Badge aus data-badge rendern */
@@ -666,8 +662,8 @@
 
 /* Subtext */
 .notification.glass-mode .notification-message {
-    margin-top: 4px;
-    font-size: 10.5px;
+    margin-top: 5px;
+    font-size: 11px;
     line-height: 1.4;
     color: var(--mw-t2, #9aa3be);
 }
@@ -785,9 +781,9 @@
     flex-shrink: 0;
 }
 
-/* title text */
+/* title text — haupttext, größer als badge */
 .notification-title-text {
-    font-size: 11.5px;
+    font-size: 12.5px;
     font-weight: 600;
     color: var(--mw-t1, #edf0fc);
     letter-spacing: .1px;