Fixes for flex spacing

This commit is contained in:
Benjamin Beganović 2021-09-14 21:14:54 +02:00
parent 7961a99527
commit 99d600d4be

View File

@ -1,34 +1,37 @@
<div> <div>
<div class="flex flex-col md:flex-row md:items-center"> <div class="flex flex-col md:flex-row md:justify-between">
<label for="status" class="flex items-center mr-4"> <div class="flex flex-col md:flex-row md:items-center">
<span class="mr-2">{{ ctrans('texts.status') }}</span> <label for="status" class="flex items-center mr-4">
<select class="input"> <span class="mr-2">{{ ctrans('texts.status') }}</span>
<option value="all">{{ ctrans('texts.all') }}</option> <select class="input">
<option value="unpaid">{{ ctrans('texts.unpaid') }}</option> <option value="all">{{ ctrans('texts.all') }}</option>
<option value="paid">{{ ctrans('texts.paid') }}</option> <option value="unpaid">{{ ctrans('texts.unpaid') }}</option>
</select> <option value="paid">{{ ctrans('texts.paid') }}</option>
</label> <!-- End status dropdown --> </select>
</label> <!-- End status dropdown -->
<div class="flex"> <div class="flex">
<label for="from" class="block w-full flex items-center mr-4"> <label for="from" class="block w-full flex items-center mr-4">
<span class="mr-2">{{ ctrans('texts.from') }}:</span> <span class="mr-2">{{ ctrans('texts.from') }}:</span>
<input type="date" class="input w-full"> <input type="date" class="input w-full">
</label> </label>
<label for="to" class="block w-full flex items-center mr-4"> <label for="to" class="block w-full flex items-center mr-4">
<span class="mr-2">{{ ctrans('texts.to') }}:</span> <span class="mr-2">{{ ctrans('texts.to') }}:</span>
<input type="date" class="input w-full"> <input type="date" class="input w-full">
</label> </label>
</div> <!-- End date range --> </div> <!-- End date range -->
<label for="show_payments" class="block flex items-center mr-4 mt-4 md:mt-0"> <label for="show_payments" class="block flex items-center mr-4 mt-4 md:mt-0">
<input type="checkbox" class="form-checkbox"> <input type="checkbox" class="form-checkbox">
<span class="ml-2">{{ ctrans('texts.show_payments') }}</span> <span class="ml-2">{{ ctrans('texts.show_payments') }}</span>
</label> <!-- End show payments checkbox --> </label> <!-- End show payments checkbox -->
<label for="show_aging" class="block flex items-center"> <label for="show_aging" class="block flex items-center">
<input type="checkbox" class="form-checkbox"> <input type="checkbox" class="form-checkbox">
<span class="ml-2">{{ ctrans('texts.show_aging') }}</span> <span class="ml-2">{{ ctrans('texts.show_aging') }}</span>
</label> <!-- End show aging checkbox --> </label> <!-- End show aging checkbox -->
</div>
<button class="button button-primary bg-primary">{{ ctrans('texts.download') }}</button>
</div> </div>
</div> </div>