diff --git a/resources/less/metager/pages/donation.less b/resources/less/metager/pages/donation.less index 256a58eabfc2e4118c8042e48065dca02282c437..767e1a49923818959126ff8afb9b098e8dd393d2 100644 --- a/resources/less/metager/pages/donation.less +++ b/resources/less/metager/pages/donation.less @@ -35,7 +35,8 @@ font-weight:bold; } .amount-label { - vertical-align:baseline ; + display: inline-block; + vertical-align: middle; text-align: center; margin-bottom: 4px; margin-top: 4px; @@ -55,6 +56,8 @@ } .frequency-label { + display: inline-block; + vertical-align: middle; margin-top: 5px; height:45px; font-weight: normal; @@ -65,6 +68,8 @@ border-radius: 6px; } .payment-label { + display: inline-block; + vertical-align: middle; display: inline-block; color: @text-color; margin-top: 5px; @@ -82,13 +87,19 @@ margin-bottom: 8px; height: 40px; } + + .custom-amount-container { + display: flex; + } .amount-custom { + flex-grow: 0; text-align: center; align-items: center; margin-right: 4px; padding-right: 8px; padding-left: 4px; height: 30px; + //width: 8em; font-weight: normal; border: 2px solid #a6a6a6; border-radius: 5px; @@ -98,6 +109,7 @@ } #custom-amount { display: none; + height: 30px; width: 164px; } #amount-custom:checked + label + input{ @@ -106,5 +118,10 @@ input[type=radio]:checked + label, .payment-label-selected { border: 4px solid #f47216; } + + #donate-button { + height: 45px; + + } } \ No newline at end of file diff --git a/resources/views/spende/spende.blade.php b/resources/views/spende/spende.blade.php index 1797db1094e23c944e9d4036fcbd3ccccce44c4d..48d4dfeb403333f165c45e07f849e7e430dc9fa3 100644 --- a/resources/views/spende/spende.blade.php +++ b/resources/views/spende/spende.blade.php @@ -86,8 +86,8 @@ <input type="radio" value="250" class="amount-radio" name="amount" id="amount-250euro" required="required"><label for="amount-250euro" class="amount-label">250€</label> <input type="radio" value="300" class="amount-radio" name="amount" id="amount-300euro" required="required"><label for="amount-300euro" class="amount-label">300€</label> <br> </div> - <div> - <input type="radio" name="amount" id="amount-custom" required="required"><label for="amount-custom" class="amount-custom">{!! trans('spende.wunschbetrag') !!}</label> <input id="custom-amount" type="number" step=".01" placeholder="Betrag in €" value=""> + <div class="custom-amount-container"> + <input type="radio" name="amount" id="amount-custom" required="required"><label for="amount-custom" class="amount-custom">{!! trans('spende.wunschbetrag') !!}</label> <input id="custom-amount" type="number" min="0" step=".01" placeholder="Betrag in €" value=""> </div> <br> @@ -109,7 +109,7 @@ <input type="hidden" name="dt" value="{{ md5(date('Y') . date('m') . date('d')) }}"> <div class="form-group donation-form-group"> <label for="Name">*{!! trans('spende.lastschrift.3') !!}</label> - <input type="text" class="form-control" id="Name" name="Name" placeholder="{!! trans('spende.lastschrift.3.placeholder') !!}" @if(isset($data['name'])) value="{{$data['name']}}" @endif /> + <input type="text" required="required" class="form-control" id="Name" name="Name" placeholder="{!! trans('spende.lastschrift.3.placeholder') !!}" @if(isset($data['name'])) value="{{$data['name']}}" @endif /> </div> <div class="form-group donation-form-group"> <label for="email">{!! trans('spende.lastschrift.4') !!}</label> @@ -117,20 +117,18 @@ </div> <div class="form-group donation-form-group"> <label for="iban">*{!! trans('spende.lastschrift.6') !!}</label> - <input type="text" class="form-control" id="iban" name="iban" placeholder="IBAN" @if(isset($data['iban'])) value="{{$data['iban']}}" @endif> + <input type="text" required="required" class="form-control" id="iban" name="iban" placeholder="IBAN" @if(isset($data['iban'])) value="{{$data['iban']}}" @endif> </div> <div class="form-group donation-form-group"> <label for="bic">{!! trans('spende.lastschrift.7') !!}</label> - <input type="text" class="form-control" id="bic" name="bic" placeholder="BIC" @if(isset($data['bic'])) value="{{$data['bic']}}" @endif> + <input type="text" required="required" class="form-control" id="bic" name="bic" placeholder="BIC" @if(isset($data['bic'])) value="{{$data['bic']}}" @endif> </div> <div class="form-group donation-form-group"> <label for="msg">{!! trans('spende.lastschrift.8.message')!!}</label> <p>{!! trans('spende.bankinfo.3')!!}</p> <textarea class="form-control" id="msg" name="Nachricht" placeholder="{!! trans('spende.lastschrift.8.message.placeholder') !!}">@if(isset($data['nachricht'])){{$data['nachricht']}}@endif</textarea> </div> - <div class="section"> - <input type="submit" value="{!! trans('spende.submit') !!}"> - </div> + <input id="donate-button" type="submit" value="{!! trans('spende.submit') !!}"> </div> @endif </form> @@ -148,7 +146,7 @@ <li>{!! trans('spende.member.5') !!}</li> <li>{!! trans('spende.member.6') !!}</li> </ul> - <a href="">{!! trans('spende.member.7') !!}</a> + <a class="btn btn-default" href="">{!! trans('spende.member.7') !!}</a> </div> </div>