From 80b1b1c14ca1ea947ef240c40cfb04136ea23416 Mon Sep 17 00:00:00 2001
From: Inhji <johnnie@posteo.de>
Date: Tue, 11 Apr 2023 23:00:47 +0200
Subject: [PATCH] improve channel filter buttons

---
 lib/chiya_web/controllers/note_html/index.html.heex | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/chiya_web/controllers/note_html/index.html.heex b/lib/chiya_web/controllers/note_html/index.html.heex
index 858c9f8..07756c6 100644
--- a/lib/chiya_web/controllers/note_html/index.html.heex
+++ b/lib/chiya_web/controllers/note_html/index.html.heex
@@ -11,17 +11,17 @@
   </:actions>
 </.header>
 
-<section class="flex flex-row flex-wrap mt-4 gap-3">
+<section class="flex flex-row flex-wrap mt-4 -mb-6 gap-3">
   <a
     href={~p"/admin/notes"}
-    class="text-sm dark:text-gray-300 rounded-full bg-gray-300 hover:bg-gray-400 dark:bg-gray-700 dark:hover:bg-gray-600 px-2 py-1"
+    class="text-sm dark:text-gray-300 rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 px-2 py-1 border border-gray-300 dark:border-gray-600 shadow-sm transition"
   >
     All
   </a>
   <%= for channel <- @channels do %>
     <a
       href={~p"/admin/notes?channel=#{channel.slug}"}
-      class="text-sm dark:text-gray-300 rounded-full bg-gray-300 hover:bg-gray-400 dark:bg-gray-700 dark:hover:bg-gray-600 px-2 py-1"
+      class="text-sm dark:text-gray-300 rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 px-2 py-1 border border-gray-300 dark:border-gray-600 shadow-sm transition"
     >
       <%= channel.name %>
       <span class="text-gray-600 dark:text-gray-500">(<%= Enum.count(channel.notes) %>)</span>