From 0dfacc0d17f5720d2fd2826cdc8b7f1e38e5ac8c Mon Sep 17 00:00:00 2001
From: Corey Blais <corey@blaishome.online>
Date: Tue, 30 Jun 2026 12:16:31 -0400
Subject: [PATCH] Fixed timeline icon

---
 frontend/src/App.tsx   | 28 +++++-----------------------
 frontend/src/index.css | 19 -------------------
 2 files changed, 5 insertions(+), 42 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 98c8045..4af3295 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -267,7 +267,6 @@ type BirdTimelineEvent = {
 
 type BirdTimelineEventFormState = {
   eventType: 'location_updated' | 'owner_changed' | 'manual_note';
-  ownerChanged: boolean;
   eventDate: string;
   locationLabel: string;
   locationDetails: VerifiedLocationDetails;
@@ -868,7 +867,6 @@ const emptyBirdForm: BirdFormState = {
 
 const emptyBirdTimelineEventForm: BirdTimelineEventFormState = {
   eventType: 'location_updated',
-  ownerChanged: false,
   eventDate: new Date().toISOString().slice(0, 10),
   locationLabel: '',
   locationDetails: emptyVerifiedLocationDetails,
@@ -4002,7 +4000,7 @@ function App() {
     setSavingBirdTimelineEvent(true);
 
     try {
-      const eventType = birdTimelineEventForm.ownerChanged ? 'owner_changed' : birdTimelineEventForm.eventType;
+      const eventType = birdTimelineEventForm.eventType;
       const verifiedLocationLabel = formatVerifiedLocationLabel(birdTimelineEventForm.locationDetails);
       const locationLabel =
         birdTimelineEventForm.eventType === 'location_updated'
@@ -7233,9 +7231,9 @@ function App() {
 		                    aria-label="Timeline"
 		                    title="Timeline"
 		                  >
-		                    <span className="material-symbols-outlined timeline-tab-icon" aria-hidden="true">
-		                      timeline
-		                    </span>
+		                    <svg className="timeline-tab-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+		                      <path d="M21 6a2 2 0 0 0-1.93 2.51l-3.55 3.56A2.15 2.15 0 0 0 15 12c-.18 0-.36.02-.52.07l-2.55-2.55c.05-.16.07-.34.07-.52a2 2 0 1 0-4 0c0 .18.02.36.07.52l-4.56 4.55A2.03 2.03 0 0 0 3 14a2 2 0 1 0 1.93 1.49l4.55-4.56c.16.05.34.07.52.07s.36-.02.52-.07l2.55 2.55c-.05.16-.07.34-.07.52a2 2 0 1 0 4 0c0-.18-.02-.36-.07-.52l3.56-3.55A2 2 0 1 0 21 6Z" />
+		                    </svg>
 		                  </button>
 		                  <button
 		                    className={`bird-detail-tab ${selectedBirdTab === 'audit' ? 'active' : ''}`}
@@ -7971,7 +7969,6 @@ function App() {
 		                                setBirdTimelineEventForm({
 		                                  ...birdTimelineEventForm,
 		                                  eventType,
-		                                  ownerChanged: eventType === 'location_updated' ? birdTimelineEventForm.ownerChanged : false,
 		                                  locationLabel: eventType === 'owner_changed' ? '' : birdTimelineEventForm.locationLabel,
 		                                  locationDetails:
 		                                    eventType === 'owner_changed' ? emptyVerifiedLocationDetails : birdTimelineEventForm.locationDetails,
@@ -8019,21 +8016,6 @@ function App() {
 		                              }}
 		                            />
 		                          ) : null}
-		                          {birdTimelineEventForm.eventType === 'location_updated' ? (
-		                            <label className="checkbox-row">
-		                              <input
-		                                type="checkbox"
-		                                checked={birdTimelineEventForm.ownerChanged}
-		                                onChange={(event) =>
-		                                  setBirdTimelineEventForm({ ...birdTimelineEventForm, ownerChanged: event.target.checked })
-		                                }
-		                              />
-		                              <span>
-		                                <strong>Owner changed</strong>
-		                                <small>Records a change without owner names.</small>
-		                              </span>
-		                            </label>
-		                          ) : null}
 		                          <label className="wide-field">
 		                            Note
 		                            <textarea
@@ -8041,7 +8023,7 @@ function App() {
 		                              value={birdTimelineEventForm.note}
 		                              onChange={(event) => setBirdTimelineEventForm({ ...birdTimelineEventForm, note: event.target.value })}
 		                              placeholder={
-		                                birdTimelineEventForm.ownerChanged || birdTimelineEventForm.eventType === 'owner_changed'
+		                                birdTimelineEventForm.eventType === 'owner_changed'
 		                                  ? 'Optional context without owner names'
 		                                  : 'Optional timeline context'
 		                              }
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 06ed592..874cd63 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1541,25 +1541,6 @@ textarea {
   stroke: none;
 }
 
-.bird-detail-tab .timeline-tab-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: currentColor;
-  font-family: "Material Symbols Outlined";
-  font-size: 24px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1;
-  letter-spacing: 0;
-  text-transform: none;
-  white-space: nowrap;
-  direction: ltr;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-}
-
 .bird-detail-tab:hover {
   border-color: rgba(35, 138, 90, 0.28);
   color: var(--ink);