diff --git a/style.css b/style.css index 7ea07ef..eda8d75 100644 --- a/style.css +++ b/style.css @@ -26,7 +26,7 @@ --font-family: Arial, sans-serif; /* Layout Fix */ - --header-height: 120px; + --header-height: 130px; --padding-top: calc(var(--header-height) + 20px); } @@ -93,18 +93,17 @@ body { box-shadow: 0 0 5px rgba(255, 77, 77, 0.75); } -.current-station { - font-weight: bold; - font-size: 16px; - margin-bottom: 15px; - font-family: var(--font-family); -} - #aktueller-sender { background-color: var(--success-color); border-radius: 5px; padding: 10px 20px; - display: inline-block; + display: inline-block; /* Balken wächst mit dem Text */ + max-width: 90%; /* Verhindert, dass er über den Bildschirmrand geht */ + white-space: nowrap; /* Verhindert Zeilenumbruch */ + overflow: hidden; /* Schneidet Text ab, falls er zu lang ist */ + text-overflow: ellipsis; /* Fügt ... am Ende ein, falls zu lang */ + font-weight: bold; + font-size: 0.95em; /* Schrift minimal verkleinern, damit mehr Text passt */ } .preset-container {