From 45ba0b8ebcd0bb7517bf1ff8425314ab3991fec6 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Sun, 9 Mar 2025 06:50:16 +0100
Subject: [PATCH] Added divider in alerts overview filters.

---
 components/alerts/alerts.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/alerts/alerts.vue b/components/alerts/alerts.vue
index beafc1d..673ea1a 100644
--- a/components/alerts/alerts.vue
+++ b/components/alerts/alerts.vue
@@ -20,7 +20,7 @@
 				placeholder="Search alerts"
 			>
 
-			<div class="filters-filters">
+			<div class="filters-section">
 				<Icon
 					icon="star"
 					title="Only show actor alerts"
@@ -52,11 +52,13 @@
 					:class="{ active: filterExpressions }"
 					@click="filterExpressions = !filterExpressions"
 				/>
+			</div>
 
+			<div class="filters-section">
 				<Icon
 					icon="target3"
 					title="Only show uncombined alerts"
-					class="noselect uncombined"
+					class="noselect filters-uncombined"
 					:class="{ active: filterCombined }"
 					@click="filterCombined = !filterCombined"
 				/>
@@ -354,9 +356,13 @@ async function removeAlert(alert) {
 			fill: var(--primary);
 		}
 	}
+}
 
-	.uncombined {
-		margin-left: .5rem;
+.filters-section {
+	&:not(:last-child) {
+		padding-right: .5rem;
+		border-right: solid 1px var(--glass-weak-30);
+		margin-right: .5rem;
 	}
 }