Some minor CSS fixes as discussed on Discord (#420)

* Minor CSS Changes

Minor CSS changes to the original. 

#1: Added button to show own bids. 
#2: Added padding to Search buttons and fields  
#3: Fixed search fields leaving the search box

* Minor CSS Changes to Search Fields

Search Fields have been changed from round to square for better look.
This commit is contained in:
Benjamín Buske 2019-10-28 13:21:21 -04:00 committed by Nabeel S
parent 12679e85a8
commit 1725ea5a9e
2 changed files with 34 additions and 8 deletions

View File

@ -1,7 +1,27 @@
<div class="card"> <div class="card">
<div class="card-block" style="min-height: 0px"> <div class="card-block" style="min-height: 0px; display: flex; justify-content: center; align-items: center;">
<div class="form-group text-right"> <style>
.my-bids {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
margin: 15px;
padding: 10px;
border-radius: .1875rem;
background-color: #fa7a50;
}
.my-bids a {
color: #fff;
text-decoration: none;
text-align: center;
}
</style>
<div class="form-group text-right btn-primary my-bids">
<a href="{{ route('frontend.flights.bids') }}">{{ trans_choice('flights.mybid', 2) }}</a> <a href="{{ route('frontend.flights.bids') }}">{{ trans_choice('flights.mybid', 2) }}</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -7,26 +7,32 @@
'method' => 'GET', 'method' => 'GET',
'class'=>'form-inline' 'class'=>'form-inline'
]) }} ]) }}
<div> <style>
.form-group .form-control {
width: 250px;
border-radius: 5px;
}
</style>
<div style="margin-left: 5px;">
<p>@lang('flights.flightnumber')</p> <p>@lang('flights.flightnumber')</p>
{{ Form::text('flight_number', null, ['class' => 'form-control']) }} {{ Form::text('flight_number', null, ['class' => 'form-control']) }}
</div> </div>
<div style="margin-top: 10px;"> <div style="margin-top: 10px; margin-left: 5px;">
<p>@lang('airports.departure')</p> <p>@lang('airports.departure')</p>
{{ Form::select('dep_icao', $airports, null , ['class' => 'form-control']) }} {{ Form::select('dep_icao', $airports, null , ['class' => 'form-control']) }}
</div> </div>
<div style="margin-top: 10px;"> <div style="margin-top: 10px; margin-left: 5px;">
<p>@lang('airports.arrival')</p> <p>@lang('airports.arrival')</p>
{{ Form::select('arr_icao', $airports, null , ['class' => 'form-control']) }} {{ Form::select('arr_icao', $airports, null , ['class' => 'form-control']) }}
</div> </div>
<div class="clear" style="margin-top: 10px;"> <div class="clear" style="margin-top: 10px; margin-left: 5px;">
{{ Form::submit(__('common.find'), ['class' => 'btn btn-primary']) }}&nbsp; {{ Form::submit(__('common.find'), ['class' => 'btn btn-primary']) }}&nbsp;
<a href="{{ route('frontend.flights.index') }}">@lang('common.reset')</a> <a href="{{ route('frontend.flights.index') }}">@lang('common.reset')</a>
</div> </div>
{{ Form::close() }} {{ Form::close() }}
</div> </div>
</div> </div>
</div> </div>