mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-06-08 10:14:33 -04:00
Fixes for flex spacing
This commit is contained in:
parent
7961a99527
commit
99d600d4be
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user