From d63d5a2a3dcb81f10660a910c4caceeac26f2cd6 Mon Sep 17 00:00:00 2001
From: sausin <sausin@users.noreply.github.com>
Date: Tue, 29 Jan 2019 00:04:17 +0530
Subject: [PATCH] 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.
---
 resources/views/expenses/bills/show.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/expenses/bills/show.blade.php b/resources/views/expenses/bills/show.blade.php
index 489feb93f..8053250ad 100644
--- a/resources/views/expenses/bills/show.blade.php
+++ b/resources/views/expenses/bills/show.blade.php
@@ -335,7 +335,7 @@
     </div>
 
     <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-header with-border">
                     <h3 class="box-title">{{ trans('bills.histories') }}</h3>
@@ -370,7 +370,7 @@
             </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-header with-border">
                     <h3 class="box-title">{{ trans('bills.payments') }}</h3>