From 99d600d4be1db77c3f9ab8855f0189389c74a98c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Tue, 14 Sep 2021 21:14:54 +0200
Subject: [PATCH] Fixes for flex spacing

---
 .../ninja2020/components/statement.blade.php  | 59 ++++++++++---------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/resources/views/portal/ninja2020/components/statement.blade.php b/resources/views/portal/ninja2020/components/statement.blade.php
index d52539d977f9..4f35bf121f65 100644
--- a/resources/views/portal/ninja2020/components/statement.blade.php
+++ b/resources/views/portal/ninja2020/components/statement.blade.php
@@ -1,34 +1,37 @@
 <div>
-    <div class="flex flex-col md:flex-row md:items-center">
-        <label for="status" class="flex items-center mr-4">
-            <span class="mr-2">{{ ctrans('texts.status') }}</span>
-            <select class="input">
-                <option value="all">{{ ctrans('texts.all') }}</option>
-                <option value="unpaid">{{ ctrans('texts.unpaid') }}</option>
-                <option value="paid">{{ ctrans('texts.paid') }}</option>
-            </select>
-        </label> <!-- End status dropdown -->
+    <div class="flex flex-col md:flex-row md:justify-between">
+        <div class="flex flex-col md:flex-row md:items-center">
+            <label for="status" class="flex items-center mr-4">
+                <span class="mr-2">{{ ctrans('texts.status') }}</span>
+                <select class="input">
+                    <option value="all">{{ ctrans('texts.all') }}</option>
+                    <option value="unpaid">{{ ctrans('texts.unpaid') }}</option>
+                    <option value="paid">{{ ctrans('texts.paid') }}</option>
+                </select>
+            </label> <!-- End status dropdown -->
 
-        <div class="flex">
-            <label for="from" class="block w-full flex items-center mr-4">
-                <span class="mr-2">{{ ctrans('texts.from') }}:</span>
-                <input type="date" class="input w-full">
-            </label>
+            <div class="flex">
+                <label for="from" class="block w-full flex items-center mr-4">
+                    <span class="mr-2">{{ ctrans('texts.from') }}:</span>
+                    <input type="date" class="input w-full">
+                </label>
 
-            <label for="to" class="block w-full flex items-center mr-4">
-                <span class="mr-2">{{ ctrans('texts.to') }}:</span>
-                <input type="date" class="input w-full">
-            </label>
-        </div> <!-- End date range -->
+                <label for="to" class="block w-full flex items-center mr-4">
+                    <span class="mr-2">{{ ctrans('texts.to') }}:</span>
+                    <input type="date" class="input w-full">
+                </label>
+            </div> <!-- End date range -->
 
-        <label for="show_payments" class="block flex items-center mr-4 mt-4 md:mt-0">
-            <input type="checkbox" class="form-checkbox">
-            <span class="ml-2">{{ ctrans('texts.show_payments') }}</span>
-        </label> <!-- End show payments checkbox -->
+            <label for="show_payments" class="block flex items-center mr-4 mt-4 md:mt-0">
+                <input type="checkbox" class="form-checkbox">
+                <span class="ml-2">{{ ctrans('texts.show_payments') }}</span>
+            </label> <!-- End show payments checkbox -->
 
-        <label for="show_aging" class="block flex items-center">
-            <input type="checkbox" class="form-checkbox">
-            <span class="ml-2">{{ ctrans('texts.show_aging') }}</span>
-        </label> <!-- End show aging checkbox -->
+            <label for="show_aging" class="block flex items-center">
+                <input type="checkbox" class="form-checkbox">
+                <span class="ml-2">{{ ctrans('texts.show_aging') }}</span>
+            </label> <!-- End show aging checkbox -->
+        </div>
+        <button class="button button-primary bg-primary">{{ ctrans('texts.download') }}</button>
     </div>
-</div>
\ No newline at end of file
+</div>