From 586ff3288fd71eee0fdf7af45890adf18b4cf3fe Mon Sep 17 00:00:00 2001
From: nahuhh <50635951+nahuhh@users.noreply.github.com>
Date: Tue, 21 Jan 2025 11:53:38 +0000
Subject: [PATCH] offers: align filters

---
 basicswap/templates/offers.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/basicswap/templates/offers.html b/basicswap/templates/offers.html
index 9b28d67..75b1feb 100644
--- a/basicswap/templates/offers.html
+++ b/basicswap/templates/offers.html
@@ -242,9 +242,9 @@ function getWebSocketConfig() {
             <div class="flex items-center justify-center pb-4 dark:text-white">
               <div class="rounded-b-md">
                 <div class="w-full md:w-0/12">
-                  <div class="lg:container flex flex-wrap">
-                    <div class="md:w-auto hover-container justify-center">
-                      <div class="flex flex-wrap justify-center">
+                  <div class="lg:container flex flex-wrap justify-center">
+                    <div class="md:w-auto hover-container">
+                      <div class="flex flex-wrap">
                         <div class="pt-3 px-3 md:w-auto hover-container">
                           <div class="flex">
                             <button id="coin_to_button" class="bg-gray-50 text-gray-900 appearance-none w-10 dark:bg-gray-500 dark:text-white border-l border-t border-b border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-gray-50 text-sm rounded-l-lg flex items-center" disabled></button>
@@ -303,14 +303,14 @@ function getWebSocketConfig() {
                         </div>
                       </div>
                      </div>
-                    <div class="w-full md:w-auto pt-3 px-3">
+                    <div class="w-full lg:w-auto pt-3 px-3">
                       <div class="relative">
                         <button type="button" id="clearFilters" class="transition-opacity duration-200 flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm hover:text-white dark:text-white dark:bg-gray-500 bg-coolGray-200 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-coolGray-200 dark:border-gray-400 rounded-md shadow-button focus:ring-0 focus:outline-none" disabled>
                           <span>Clear Filters</span>
                         </button>
                       </div>
                     </div>
-                    <div class="w-full md:w-auto pt-3 px-3">
+                    <div class="w-full lg:w-auto pt-3 px-3">
                       <div class="relative">
                         <button type="button" id="refreshOffers" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-600 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
                           <svg id="refreshIcon" class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">