From 4c2be92509345e8610e46b0e567da7c67d9d7425 Mon Sep 17 00:00:00 2001
From: Luca Haid <luca@haid.in>
Date: Tue, 29 Oct 2024 16:10:07 +0100
Subject: [PATCH] added mobile view for preorder

---
 Layout/default/Preorder/Index.php         |  3 +++
 Layout/default/Preordercampaign/Index.php | 13 ++++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/Layout/default/Preorder/Index.php b/Layout/default/Preorder/Index.php
index 65a3a1d10..d35b29a4b 100644
--- a/Layout/default/Preorder/Index.php
+++ b/Layout/default/Preorder/Index.php
@@ -19,6 +19,9 @@
         justify-content: space-between;
     }
 
+    .preorder-campaign-header-buttons {
+        max-width: 500px;
+    }
 
     @media (max-width: 576px) {
         .preorder-campaign-import, .preorder-campaign-header {
diff --git a/Layout/default/Preordercampaign/Index.php b/Layout/default/Preordercampaign/Index.php
index a0a88897e..d9b9b5a9f 100644
--- a/Layout/default/Preordercampaign/Index.php
+++ b/Layout/default/Preordercampaign/Index.php
@@ -18,6 +18,9 @@
         justify-content: space-between;
     }
 
+    .preorder-campaign-header-buttons {
+        max-width: 500px;
+    }
 
     @media (max-width: 576px) {
         .preorder-campaign-import, .preorder-campaign-header {
@@ -164,12 +167,12 @@
                 </div>
                 
               </div>
-              <div class="row mt-2">
-                <div class="col-sm-12 col-md-2">
-                  <button type="submit" class="btn btn-primary">Filter anwenden</button>
-                  <a class="btn btn-secondary" href="<?=self::getUrl("Preordercampaign")?>">Filter zurücksetzen</a>
+                <div class="row mt-2">
+                    <div class="col preorder-campaign-header-buttons" style="max-width: 350px">
+                        <button type="submit" class="btn btn-primary">Filter anwenden</button>
+                        <a class="btn btn-secondary" href="<?=self::getUrl("Preordercampaign")?>">Filter zurücksetzen</a>
+                    </div>
                 </div>
-              </div>
             </form>
             
           </div>