From 8265cdfec6093a0b25b957566adc585678ed23a5 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 26 Oct 2023 17:52:51 +0200
Subject: [PATCH] updating fir news pages filters

---
 resources/css/components/filters-toolbar.css | 34 ++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/resources/css/components/filters-toolbar.css b/resources/css/components/filters-toolbar.css
index aa262f0..87a4d97 100644
--- a/resources/css/components/filters-toolbar.css
+++ b/resources/css/components/filters-toolbar.css
@@ -1,9 +1,39 @@
 .filters-toolbar {
   @apply flex
   flex-col
-  items-center
+  justify-center
   md:flex-row 
+  flex-wrap
   container
   mx-auto 
-  gap-x-8 gap-y-3 p-0 py-8;
+  gap-x-4 gap-y-3 p-0 py-8;
+  li {
+    @apply h-auto;
+  }
+  &__action-button {
+    @apply bg-white shadowed py-3 px-6 rounded-xl 
+    font-semibold 
+    flex 
+    justify-center
+    items-center
+    gap-3
+    w-fit
+    h-full;
+    outline-offset: 0 !important;
+    transition: transform 0.2s ease-in-out;
+    &:hover {
+      @apply text-secondary;
+      transform: scale(1.02) translateY(-2px);
+    }
+    .icon {
+      @apply h-6 w-6 object-contain object-right;
+    }
+    .name {
+      @apply block;
+    }
+  }
+  &__action-button--active {
+    @apply text-secondary;
+    outline: transparent;
+  }
 }