style: Notizen Layout-Tweaks & Button Fixes

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.

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): ?>

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; ?>
 

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: ?>