Improved presentation for smaller screens

The payments and histories being stacked side-by-side works well for medium screen upwards, but on small devices (phones) the view makes it rather difficult to read.

This change improves legibility on mobile gadgets.
This commit is contained in:
sausin 2019-01-29 00:04:17 +05:30 committed by GitHub
parent 39d3c85615
commit d63d5a2a3d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -335,7 +335,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-md-6 col-sm-12">
<div class="box box-default collapsed-box"> <div class="box box-default collapsed-box">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">{{ trans('bills.histories') }}</h3> <h3 class="box-title">{{ trans('bills.histories') }}</h3>
@ -370,7 +370,7 @@
</div> </div>
</div> </div>
<div class="col-xs-6"> <div class="col-md-6 col-sm-12">
<div class="box box-default collapsed-box"> <div class="box box-default collapsed-box">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">{{ trans('bills.payments') }}</h3> <h3 class="box-title">{{ trans('bills.payments') }}</h3>