From f77aefd7525f970bd9e0b06e63cb0e3f4d323f9d Mon Sep 17 00:00:00 2001
From: iAmShorty <rafta@gmx.net>
Date: Mon, 5 May 2014 14:48:04 +0200
Subject: [PATCH] [UPDATE] responsive tables in user earnings

---
 .../bootstrap/account/earnings/default.tpl    | 196 +++++++++---------
 1 file changed, 100 insertions(+), 96 deletions(-)

diff --git a/templates/bootstrap/account/earnings/default.tpl b/templates/bootstrap/account/earnings/default.tpl
index dab7af0e..23dd3a37 100644
--- a/templates/bootstrap/account/earnings/default.tpl
+++ b/templates/bootstrap/account/earnings/default.tpl
@@ -13,24 +13,26 @@
                 <i class="fa fa-credit-card fa-fw"></i> Summary
               </div>
               <div class="panel-body">
-                <table class="table table-striped table-bordered table-hover">
-                  <thead>
-                    <tr>
-                      <th class="col-xs-1"></th>
-                      {foreach $SUMMARY as $type=>$total}
-                      <th>{$type}</th>
-                      {/foreach}
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td class="col-xs-1">All Time</td>
-                      {foreach $SUMMARY as $type=>$total}
-                      <td class="right">{$total|number_format:"8"}</td>
-                      {/foreach}
-                    </tr>
-                  </tbody>
-                </table>
+                <div class="table-responsive">
+                  <table class="table table-striped table-bordered table-condensed">
+                    <thead>
+                      <tr>
+                        <th class="col-xs-1"></th>
+                        {foreach $SUMMARY as $type=>$total}
+                        <th>{$type}</th>
+                        {/foreach}
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td class="col-xs-1">All Time</td>
+                        {foreach $SUMMARY as $type=>$total}
+                        <td class="right">{$total|number_format:"8"}</td>
+                        {/foreach}
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
               </div>
             </div>
           </div>
@@ -43,84 +45,86 @@
                 <i class="fa fa-clock-o fa-fw"></i> Sorted by Time
               </div>
               <div class="panel-body">
-                <table class="table table-striped table-bordered table-hover">
-                  <thead>
-                    <tr>
-                      <th class="col-xs-1"></th>
-                      <th>Credit</th>
-                      <th>Bonus</th>
-                      <th>Debit AP</th>
-                      <th>Debit MP</th>
-                      <th>Donation</th>
-                      {if $GLOBAL.fees > 0}
-                      <th>Fee</th>
-                      {/if}
-                      <th>TXFee</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td class="col-xs-1">Last Hour</th>
-                      <td>{$BYTIME.1HourCredit|number_format:"8"}</td>
-                      <td>{$BYTIME.1HourBonus|number_format:"8"}</td>
-                      <td>{$BYTIME.1HourDebitAP|number_format:"8"}</td>
-                      <td>{$BYTIME.1HourDebitMP|number_format:"8"}</td>
-                      <td>{$BYTIME.1HourDonation|number_format:"8"}</td>
-                      {if $GLOBAL.fees|default:"0" > 0}
-                      <td>{$BYTIME.1HourFee|number_format:"8"}</td>
-                      {/if}
-                      <td>{$BYTIME.1HourTXFee|number_format:"8"}</td>
-                    </tr>
-                    <tr>
-                      <td class="col-xs-1">Last Day</th>
-                      <td>{$BYTIME.24HourCredit|number_format:"8"}</td>
-                      <td>{$BYTIME.24HourBonus|number_format:"8"}</td>
-                      <td>{$BYTIME.24HourDebitAP|number_format:"8"}</td>
-                      <td>{$BYTIME.24HourDebitMP|number_format:"8"}</td>
-                      <td>{$BYTIME.24HourDonation|number_format:"8"}</td>
-                      {if $GLOBAL.fees|default:"0" > 0}
-                      <td>{$BYTIME.24HourFee|number_format:"8"}</td>
-                      {/if}
-                      <td>{$BYTIME.24HourTXFee|number_format:"8"}</td>
-                    </tr>
-                    <tr>
-                      <td class="col-xs-1">Last Week</th>
-                      <td>{$BYTIME.1WeekCredit|number_format:"8"}</td>
-                      <td>{$BYTIME.1WeekBonus|number_format:"8"}</td>
-                      <td>{$BYTIME.1WeekDebitAP|number_format:"8"}</td>
-                      <td>{$BYTIME.1WeekDebitMP|number_format:"8"}</td>
-                      <td>{$BYTIME.1WeekDonation|number_format:"8"}</td>
-                      {if $GLOBAL.fees|default:"0" > 0}
-                      <td>{$BYTIME.1WeekFee|number_format:"8"}</td>
-                      {/if}
-                      <td>{$BYTIME.1WeekTXFee|number_format:"8"}</td>
-                    </tr>
-                    <tr>
-                      <td class="col-xs-1">Last Month</th>
-                      <td>{$BYTIME.1MonthCredit|number_format:"8"}</td>
-                      <td>{$BYTIME.1MonthBonus|number_format:"8"}</td>
-                      <td>{$BYTIME.1MonthDebitAP|number_format:"8"}</td>
-                      <td>{$BYTIME.1MonthDebitMP|number_format:"8"}</td>
-                      <td>{$BYTIME.1MonthDonation|number_format:"8"}</td>
-                      {if $GLOBAL.fees|default:"0" > 0}
-                      <td>{$BYTIME.1MonthFee|number_format:"8"}</td>
-                      {/if}
-                      <td>{$BYTIME.1MonthTXFee|number_format:"8"}</td>
-                    </tr>
-                    <tr>
-                      <td class="col-xs-1">Last Year</th>
-                      <td>{$BYTIME.1YearCredit|number_format:"8"}</td>
-                      <td>{$BYTIME.1YearBonus|number_format:"8"}</td>
-                      <td>{$BYTIME.1YearDebitAP|number_format:"8"}</td>
-                      <td>{$BYTIME.1YearDebitMP|number_format:"8"}</td>
-                      <td>{$BYTIME.1YearDonation|number_format:"8"}</td>
-                      {if $GLOBAL.fees|default:"0" > 0}
-                      <td>{$BYTIME.1YearFee|number_format:"8"}</td>
-                      {/if}
-                      <td>{$BYTIME.1YearTXFee|number_format:"8"}</td>
-                    </tr>
-                  </tbody>
-                </table>
+                <div class="table-responsive">
+                  <table class="table table-striped table-bordered table-condensed">
+                    <thead>
+                      <tr>
+                        <th class="col-xs-1"></th>
+                        <th>Credit</th>
+                        <th>Bonus</th>
+                        <th>Debit AP</th>
+                        <th>Debit MP</th>
+                        <th>Donation</th>
+                        {if $GLOBAL.fees > 0}
+                        <th>Fee</th>
+                        {/if}
+                        <th>TXFee</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td class="col-xs-1">Last Hour</th>
+                        <td>{$BYTIME.1HourCredit|number_format:"8"}</td>
+                        <td>{$BYTIME.1HourBonus|number_format:"8"}</td>
+                        <td>{$BYTIME.1HourDebitAP|number_format:"8"}</td>
+                        <td>{$BYTIME.1HourDebitMP|number_format:"8"}</td>
+                        <td>{$BYTIME.1HourDonation|number_format:"8"}</td>
+                        {if $GLOBAL.fees|default:"0" > 0}
+                        <td>{$BYTIME.1HourFee|number_format:"8"}</td>
+                        {/if}
+                        <td>{$BYTIME.1HourTXFee|number_format:"8"}</td>
+                      </tr>
+                      <tr>
+                        <td class="col-xs-1">Last Day</th>
+                        <td>{$BYTIME.24HourCredit|number_format:"8"}</td>
+                        <td>{$BYTIME.24HourBonus|number_format:"8"}</td>
+                        <td>{$BYTIME.24HourDebitAP|number_format:"8"}</td>
+                        <td>{$BYTIME.24HourDebitMP|number_format:"8"}</td>
+                        <td>{$BYTIME.24HourDonation|number_format:"8"}</td>
+                        {if $GLOBAL.fees|default:"0" > 0}
+                        <td>{$BYTIME.24HourFee|number_format:"8"}</td>
+                        {/if}
+                        <td>{$BYTIME.24HourTXFee|number_format:"8"}</td>
+                      </tr>
+                      <tr>
+                        <td class="col-xs-1">Last Week</th>
+                        <td>{$BYTIME.1WeekCredit|number_format:"8"}</td>
+                        <td>{$BYTIME.1WeekBonus|number_format:"8"}</td>
+                        <td>{$BYTIME.1WeekDebitAP|number_format:"8"}</td>
+                        <td>{$BYTIME.1WeekDebitMP|number_format:"8"}</td>
+                        <td>{$BYTIME.1WeekDonation|number_format:"8"}</td>
+                        {if $GLOBAL.fees|default:"0" > 0}
+                        <td>{$BYTIME.1WeekFee|number_format:"8"}</td>
+                        {/if}
+                        <td>{$BYTIME.1WeekTXFee|number_format:"8"}</td>
+                      </tr>
+                      <tr>
+                        <td class="col-xs-1">Last Month</th>
+                        <td>{$BYTIME.1MonthCredit|number_format:"8"}</td>
+                        <td>{$BYTIME.1MonthBonus|number_format:"8"}</td>
+                        <td>{$BYTIME.1MonthDebitAP|number_format:"8"}</td>
+                        <td>{$BYTIME.1MonthDebitMP|number_format:"8"}</td>
+                        <td>{$BYTIME.1MonthDonation|number_format:"8"}</td>
+                        {if $GLOBAL.fees|default:"0" > 0}
+                        <td>{$BYTIME.1MonthFee|number_format:"8"}</td>
+                        {/if}
+                        <td>{$BYTIME.1MonthTXFee|number_format:"8"}</td>
+                      </tr>
+                      <tr>
+                        <td class="col-xs-1">Last Year</th>
+                        <td>{$BYTIME.1YearCredit|number_format:"8"}</td>
+                        <td>{$BYTIME.1YearBonus|number_format:"8"}</td>
+                        <td>{$BYTIME.1YearDebitAP|number_format:"8"}</td>
+                        <td>{$BYTIME.1YearDebitMP|number_format:"8"}</td>
+                        <td>{$BYTIME.1YearDonation|number_format:"8"}</td>
+                        {if $GLOBAL.fees|default:"0" > 0}
+                        <td>{$BYTIME.1YearFee|number_format:"8"}</td>
+                        {/if}
+                        <td>{$BYTIME.1YearTXFee|number_format:"8"}</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
               </div>
             </div>
           </div>