From e8aae0467d12b1dbf11608c21a3b6dff6658559a Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Mon, 17 Jan 2022 18:25:03 +0100
Subject: [PATCH] Done #5034 @1.5

---
 .../media-library/filter-interface.blade.php  | 44 +++++++++----------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/resources/views/components/media-library/filter-interface.blade.php b/resources/views/components/media-library/filter-interface.blade.php
index 2cc9411..41be6e2 100644
--- a/resources/views/components/media-library/filter-interface.blade.php
+++ b/resources/views/components/media-library/filter-interface.blade.php
@@ -22,31 +22,27 @@
 
         <h2 class="text-6xl uppercase">Filtres</h2>
 
-        {{-- Filter Options --}}
-        <div class="flex flex-col lg:flex-row mt-15">
-            {{-- Theme Filters --}}
-            <div class="mt-15 lg:mt-0 lg:w-2/3">
-                <h3 class="font-medium text-4xl mb-5">Chapitres</h3>
-                <div class="grid grid-cols-2 gap-5">
-                    @foreach($themes as $theme_id => $theme)
-                        <label>
-                            <input type="checkbox"
-                                   value="theme-{{ $theme_id }}"
-                                   x-model="activeThemeFilters"
-                                   class="peer sr-only">
-                            <span class="inline-block cursor-pointer
-                                         font-secondary font-medium
-                                         whitespace-nowrap
-                                         py-2.5 px-5 rounded-full border
-                                         peer-checked:bg-white peer-checked:text-black
-                                         transition">
-                                    {{ $theme['name'] }}
-                                </span>
-                        </label>
-                    @endforeach
-                </div>
+        {{-- Theme Filters --}}
+        <div class="mt-15">
+            <h3 class="font-medium text-4xl mb-5">Chapitres</h3>
+            <div class="flex flex-wrap gap-5">
+                @foreach($themes as $theme_id => $theme)
+                    <label>
+                        <input type="checkbox"
+                               value="theme-{{ $theme_id }}"
+                               x-model="activeThemeFilters"
+                               class="peer sr-only">
+                        <span class="inline-block cursor-pointer
+                                     font-secondary font-medium
+                                     whitespace-nowrap
+                                     py-2.5 px-5 rounded-full border
+                                     peer-checked:bg-white peer-checked:text-black
+                                     transition">
+                                {{ $theme['name'] }}
+                            </span>
+                    </label>
+                @endforeach
             </div>
-
         </div>
 
         <div class="text-right mt-20">
-- 
2.39.5