From d6c9e50f5b4119af96db3a611abc6cc56ba61ee4 Mon Sep 17 00:00:00 2001
From: AI Bot <bot@example.com>
Date: Fri, 19 Jun 2026 20:13:04 +0000
Subject: [PATCH] style: Notizen Layout-Tweaks & Button Fixes

---
 README.md         |  2 +-
 src/add_note.php  |  2 +-
 src/edit_note.php |  3 +--
 src/notes.php     | 19 +++++++++++--------
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 0c72ebf..feaac3e 100644
--- a/README.md
+++ b/README.md
@@ -233,4 +233,4 @@ Das Projekt basiert auf bewährten Web-Standards:
 *   **Features:**
     *   **Notizen:** Neue Funktion "Notizen" hinzugefügt inkl. Rich-Text-Editor.
     *   **Haushaltsfreigabe:** Notizen können mit dem Haushalt geteilt werden.
-    *   **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert.
+    *   **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert. Das Layout der Metainformationen sowie der Buttons wurde weiter optimiert.
diff --git a/src/add_note.php b/src/add_note.php
index c09db95..4af61da 100644
--- a/src/add_note.php
+++ b/src/add_note.php
@@ -53,7 +53,7 @@ require_once 'header.php';
         <div class="col-lg-10">
             <div class="d-flex justify-content-between align-items-center mb-4">
                 <h2 class="mb-0"><i class="fas fa-plus-circle text-primary me-2"></i>Neue Notiz erstellen</h2>
-                <a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
+                <a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
             </div>
 
             <?php if ($error): ?>
diff --git a/src/edit_note.php b/src/edit_note.php
index 84999a1..a01ad92 100644
--- a/src/edit_note.php
+++ b/src/edit_note.php
@@ -100,7 +100,7 @@ require_once 'header.php';
         <div class="col-lg-10">
             <div class="d-flex justify-content-between align-items-center mb-4">
                 <h2 class="mb-0"><i class="fas fa-edit text-primary me-2"></i>Notiz bearbeiten</h2>
-                <a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
+                <a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
             </div>
 
             <?php if ($error): ?>
@@ -112,7 +112,6 @@ require_once 'header.php';
                     <div>
                         <i class="fas fa-check-circle me-2"></i><?php echo htmlspecialchars($success); ?>
                     </div>
-                    <a href="notes.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-success">Zurück zur Übersicht</a>
                 </div>
             <?php endif; ?>
 
diff --git a/src/notes.php b/src/notes.php
index 80585f5..6e39751 100644
--- a/src/notes.php
+++ b/src/notes.php
@@ -82,11 +82,14 @@ if ($active_note_id) {
                                                 <i class="fas fa-user fa-xs me-1"></i><?php echo htmlspecialchars($note['owner_name']); ?>
                                             <?php endif; ?>
                                             <?php if ($note['is_shared']): ?>
-                                                <i class="fas fa-share-alt fa-xs ms-1" title="Geteilt"></i>
+                                                <span class="badge <?php echo $is_active ? 'bg-light text-success' : 'bg-success'; ?> ms-1" title="Geteilt"><i class="fas fa-share-alt fa-xs me-1"></i>Geteilt</span>
                                             <?php endif; ?>
                                         </div>
                                     </div>
-                                    <div onclick="event.stopPropagation();">
+                                    <div onclick="event.stopPropagation();" class="text-nowrap">
+                                        <a href="edit_note.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-primary'; ?> p-0" title="Bearbeiten">
+                                            <i class="fas fa-edit"></i>
+                                        </a>
                                         <?php if ($note['user_id'] == $current_user_id): ?>
                                             <button type="button" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-danger'; ?> p-0 ms-2" onclick="confirmDelete(<?php echo $note['id']; ?>, event)" title="Löschen">
                                                 <i class="fas fa-trash"></i>
@@ -118,17 +121,17 @@ if ($active_note_id) {
                             </div>
                         </div>
                         <div class="card-body p-4">
-                            <div class="text-end text-muted small mb-4 border-bottom pb-2">
-                                <div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
-                                <?php if ($active_note['is_shared']): ?>
-                                    <div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
-                                <?php endif; ?>
-                            </div>
                             <div class="ql-snow">
                                 <div class="ql-editor render-only">
                                     <?php echo $active_note['content']; ?>
                                 </div>
                             </div>
+                            <div class="text-end text-muted small mt-4 border-top pt-3">
+                                <div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
+                                <?php if ($active_note['is_shared']): ?>
+                                    <div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
+                                <?php endif; ?>
+                            </div>
                         </div>
                     </div>
                 <?php else: ?>