From af40b9901f8042365c7333c9ef9f7d778100cb5d Mon Sep 17 00:00:00 2001
From: Corey Blais <corey@blaishome.online>
Date: Tue, 21 Apr 2026 10:54:04 -0400
Subject: [PATCH] moved remove from flock button

---
 frontend/src/App.tsx   | 22 +++++++++++++++++++---
 frontend/src/index.css |  5 +++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index d861b4b..acaef86 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -4005,9 +4005,6 @@ function App() {
                 <button className="secondary-button" onClick={() => startEditBird(selectedBird)} type="button">
                   Edit details
                 </button>
-                <button className="danger-button" onClick={handleRemoveBird} type="button" disabled={deletingBird}>
-                  {deletingBird ? 'Removing...' : 'Remove from flock'}
-                </button>
               </div>
             </div>
 
@@ -5281,6 +5278,25 @@ function App() {
                     </article>
                   )}
                 </section>
+
+                {selectedBird ? (
+                  <section className="settings-subsection settings-nested-card settings-danger-card">
+                    <div className="panel-header">
+                      <div>
+                        <p className="eyebrow">Danger zone</p>
+                        <h3>Remove bird profile</h3>
+                        <p className="muted">
+                          Remove {selectedBird.name} from this flock. This also removes weight records, vet visits, and medication history for this bird.
+                        </p>
+                      </div>
+                    </div>
+                    <div className="button-row">
+                      <button className="danger-button" onClick={handleRemoveBird} type="button" disabled={deletingBird}>
+                        {deletingBird ? 'Removing...' : 'Remove from flock'}
+                      </button>
+                    </div>
+                  </section>
+                ) : null}
               </>
             ) : null}
           </article>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 89bd7a3..fc66c8e 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -567,6 +567,11 @@ textarea {
   gap: 1rem;
 }
 
+.settings-danger-card {
+  border-color: rgba(203, 58, 53, 0.22);
+  background: linear-gradient(180deg, rgba(255, 250, 246, 0.86), rgba(255, 241, 238, 0.72));
+}
+
 .settings-save-row {
   display: flex;
   justify-content: flex-start;