updated Push notification settings

css/styles.css

@@ -394,7 +394,20 @@ input[type="file"] {
 }
 
 .advanced-options button {
-    width: 48%;
+    padding: 0.5rem 1rem;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    flex: 1;
+    margin: 0 0.5rem;
+}
+
+.advanced-options button:first-child {
+    margin-left: 0;
+}
+
+.advanced-options button:last-child {
+    margin-right: 0;
 }
 
 /* Status indicators */
@@ -421,4 +434,46 @@ input[type="file"] {
 .status-inactive {
     color: #6c757d;
     font-weight: bold;
-}
+}
+/* Service Worker Message Monitor Styles */
+.message-monitor-section {
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid #eee;
+}
+
+.message-monitor-section h3 {
+    margin-bottom: 0.5rem;
+}
+
+.monitor-controls {
+    display: flex;
+    justify-content: space-between;
+    margin: 0.5rem 0;
+}
+
+.action-button {
+    background-color: #6c757d;
+    color: white;
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 4px;
+    cursor: pointer;
+    width: 100%;
+}
+
+.action-button:hover {
+    background-color: #5a6268;
+}
+
+.message-output {
+    background-color: #f8f9fa;
+    border: 1px solid #dee2e6;
+    border-radius: 4px;
+    padding: 0.75rem;
+    margin-top: 0.5rem;
+    height: 150px;
+    overflow-y: auto;
+    font-size: 0.85rem;
+    white-space: pre-wrap;
+}