From f2c87701b8efdbf43b6be6f7c45dcc313b2fc333 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Tue, 7 Oct 2025 17:02:35 +0000
Subject: [PATCH] Declutter alerts tabs by relying on banner context

---
 frontend-modern/src/pages/Alerts.tsx | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/frontend-modern/src/pages/Alerts.tsx b/frontend-modern/src/pages/Alerts.tsx
index 2b34f7f6e..d6ac526b9 100644
--- a/frontend-modern/src/pages/Alerts.tsx
+++ b/frontend-modern/src/pages/Alerts.tsx
@@ -1942,16 +1942,11 @@ function ScheduleTab(props: ScheduleTabProps) {
 
   return (
     <div class="space-y-6">
-      <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-        <SectionHeader
-          title="Notification Schedule"
-          description="Control when alerts are allowed to fire and how they are grouped."
-          size="md"
-        />
+      <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end">
         <button
           type="button"
           onClick={resetToDefaults}
-          class="inline-flex items-center gap-1 self-start rounded-md border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700"
+          class="inline-flex items-center gap-1 self-start rounded-md border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700 sm:self-auto"
           title="Restore quiet hours, cooldown, grouping, and escalation settings to their defaults"
         >
           <svg
@@ -2860,13 +2855,6 @@ function HistoryTab() {
 
   return (
     <div class="space-y-4">
-      {/* Main section header */}
-      <SectionHeader
-        title="Alert History"
-        description="View past and active alerts with trends and filtering options."
-        size="md"
-      />
-
       {/* Alert Trends Mini-Chart */}
       <Card padding="md">
         <div class="mb-3 flex items-start justify-between gap-3">