1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-14 07:02:34 +01:00

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 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>
</div>