From 9d63f6c71e5ad96d5e377a44290f451bd76d64f2 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Fri, 8 Aug 2025 14:47:18 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Titel=20ge=C3=A4ndert,=20Uhrzeit=20?=
 =?UTF-8?q?rechts=20in=20Titelzeile;=20Hinweistext=20entfernt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx    | 7 ++++---
 web/src/styles.css | 7 +++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 625359c..bb98b51 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -121,9 +121,10 @@ export default function App() {
   return (
     <div className="container">
       <header>
-        <div className="clock">{clock}</div>
-        <h1>Discord Soundboard</h1>
-        <p>Schicke dem Bot per privater Nachricht eine .mp3 — neue Sounds erscheinen automatisch.</p>
+        <div className="header-row">
+          <h1>Einmal mit Soundboard -Profis</h1>
+          <div className="clock">{clock}</div>
+        </div>
         <div className="badge">Geladene Sounds: {total}</div>
         {isAdmin && (
           <div className="badge">Admin-Modus</div>
diff --git a/web/src/styles.css b/web/src/styles.css
index 8850bdd..95f70d4 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -71,6 +71,13 @@ body {
 
 .container { max-width: 1200px; margin: 0 auto; padding: 28px; }
 header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
+.
+.header-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
 header h1 { margin: 0; font-weight: 800; letter-spacing: .3px; }
 header p { opacity: .8; }
 .clock {