style: highlight delete actions and align event row buttons

Add btn-icon danger styling, strengthen btn-delete and photo delete, and fix events table action layout.

Co-authored-by: Cursor <cursoragent@cursor.com>

client/src/components/CrewForm.tsx

@@ -818,7 +818,7 @@ export default function CrewForm({
                       <button className="btn-icon" onClick={() => openEditMember(m)} title="Edit">
                         <Edit2 size={14} />
                       </button>
-                      <button className="btn-icon logout" onClick={() => handleDeleteMember(m.payloadId)} title="Delete">
+                      <button className="btn-icon danger" onClick={() => handleDeleteMember(m.payloadId)} title="Delete">
                         <Trash2 size={14} />
                       </button>
                     </div>

client/src/components/LogEntryEditor.tsx

@@ -1820,23 +1820,25 @@ export default function LogEntryEditor({
                       </td>
                       {!readOnly && (
                         <td className="events-actions-td">
-                          <button
-                            type="button"
-                            className="btn-icon"
-                            onClick={() => handleEditEvent(idx)}
-                            title={t('logs.edit_event')}
-                            disabled={editingEventIndex !== null && editingEventIndex !== idx}
-                          >
-                            <Pencil size={14} />
-                          </button>
-                          <button
-                            type="button"
-                            className="btn-icon logout"
-                            onClick={() => handleDeleteEvent(idx)}
-                            title={t('logs.delete_event')}
-                          >
-                            <Trash2 size={14} />
-                          </button>
+                          <div className="events-actions-cell">
+                            <button
+                              type="button"
+                              className="btn-icon"
+                              onClick={() => handleEditEvent(idx)}
+                              title={t('logs.edit_event')}
+                              disabled={editingEventIndex !== null && editingEventIndex !== idx}
+                            >
+                              <Pencil size={14} />
+                            </button>
+                            <button
+                              type="button"
+                              className="btn-icon danger"
+                              onClick={() => handleDeleteEvent(idx)}
+                              title={t('logs.delete_event')}
+                            >
+                              <Trash2 size={14} />
+                            </button>
+                          </div>
                         </td>
                       )}
                     </tr>
@@ -2260,9 +2262,8 @@ export default function LogEntryEditor({
                   {!readOnly && (
                     <button
                       type="button"
-                      className="btn secondary"
+                      className="btn danger btn-sm btn-inline-icon"
                       onClick={handleDeleteTrack}
-                      style={{ width: 'auto', padding: '6px 12px', fontSize: '13px', display: 'flex', alignItems: 'center', gap: '4px', background: 'rgba(239, 68, 68, 0.1)', color: '#ef4444', borderColor: 'rgba(239, 68, 68, 0.2)' }}
                       title={t('logs.gps_track_delete')}
                     >
                       <Trash2 size={14} />
@@ -2295,7 +2296,11 @@ export default function LogEntryEditor({
                   <button type="button" className="btn secondary" style={{ width: 'auto', padding: '4px 10px', fontSize: '13px' }} onClick={() => downloadNmeaArchive(nmeaArchive)}>
                     <Download size={14} />
                   </button>
-                  <button type="button" className="btn secondary" style={{ width: 'auto', padding: '4px 10px', fontSize: '13px' }} onClick={handleDeleteNmeaArchive}>
+                  <button
+                    type="button"
+                    className="btn danger btn-sm btn-inline-icon"
+                    onClick={handleDeleteNmeaArchive}
+                  >
                     <Trash2 size={14} />
                   </button>
                 </div>

client/src/components/PersonPoolForm.tsx

@@ -147,7 +147,7 @@ export default function PersonPoolForm() {
           </button>
           <button
             type="button"
-            className="btn-icon logout"
+            className="btn-icon danger"
             onClick={() => void handleDelete(person.payloadId)}
             title="Delete"
           >

client/src/components/SettingsForm.tsx

@@ -429,7 +429,7 @@ export default function SettingsForm({ logbookId, onLogbookRestored }: SettingsF
                       <td>
                         <button
                           type="button"
-                          className="btn-icon logout"
+                          className="btn-icon danger"
                           onClick={() => handleRevoke(c.id, c.username)}
                           title="Revoke access"
                         >

client/src/components/VesselPoolForm.tsx

@@ -193,7 +193,7 @@ export default function VesselPoolForm() {
                   </button>
                   <button
                     type="button"
-                    className="btn-icon logout"
+                    className="btn-icon danger"
                     onClick={() => void handleDelete(v.payloadId)}
                   >
                     <Trash2 size={14} />