From 48032cc132b034afc9237597e848a1c856fa55a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 23 Feb 2026 11:14:57 -0500
Subject: [PATCH] make category tree toggle a real button

---
 public/scss/admin/manage/categories.scss              | 7 -------
 src/views/admin/partials/categories/category-rows.tpl | 6 +++---
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/public/scss/admin/manage/categories.scss b/public/scss/admin/manage/categories.scss
index 39c61f429f..f1e38f934b 100644
--- a/public/scss/admin/manage/categories.scss
+++ b/public/scss/admin/manage/categories.scss
@@ -23,13 +23,6 @@ div.categories {
 		}
 	}
 
-	.toggle {
-		width: 24px;
-		height: 24px;
-		line-height: 24px;
-		cursor: pointer;
-	}
-
 	.information {
 		cursor: move;
 	}
diff --git a/src/views/admin/partials/categories/category-rows.tpl b/src/views/admin/partials/categories/category-rows.tpl
index 5ed85f9da9..d15976227a 100644
--- a/src/views/admin/partials/categories/category-rows.tpl
+++ b/src/views/admin/partials/categories/category-rows.tpl
@@ -5,9 +5,9 @@
 		<div class="category-row d-flex justify-content-between mb-1">
 			<div class="flex-grow-1 align-items-start d-flex gap-2">
 				<div class="d-flex gap-2">
-					<div class="toggle text-center text-sm">
-						<i class="fa fa-chevron-down"></i>
-					</div>
+					<button class="btn btn-ghost btn-sm toggle align-self-start">
+						<i class="fa fa-fw fa-chevron-down"></i>
+					</button>
 					<div class="information flex-1 align-items-start d-flex gap-2">
 						<div>
 						{buildCategoryIcon(@value, "28px", "rounded-1")}