From 3592d3342afb45be3af362c7f2a15de96fae7a1f Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Sat, 26 Jul 2014 00:59:02 +0400
Subject: [PATCH] UI Defect: Information View looks broken for portrait view on
 iPhone #324

---
 admin/themes/default/css/default.css          | 27 +++++++++++++++++++
 .../information/views/backend/index.view.php  |  7 +++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/admin/themes/default/css/default.css b/admin/themes/default/css/default.css
index 0e2c7d1..9a438d4 100644
--- a/admin/themes/default/css/default.css
+++ b/admin/themes/default/css/default.css
@@ -587,4 +587,31 @@ td, th {
     .nav > li > a {
         padding: 15px 9px!important;
     }
+}
+
+@media (max-width: 320px) {
+    .mobile-nav-tabs .nav-tabs > li {
+        width: 100%;    
+        height: 46px;
+        margin: 0px;    
+    }
+    .mobile-nav-tabs .nav-tabs > li > a {
+        background: #fff;
+        border: 0;
+    }
+    .mobile-nav-tabs .nav-tabs > li.active > a, 
+    .mobile-nav-tabs .nav-tabs > li.active > a:hover, 
+    .mobile-nav-tabs .nav-tabs > li.active > a:focus {
+        border: 0;
+        color: #fff;
+        background-color: #428bca;
+    }
+    .mobile-nav-tabs .nav-tabs {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        border: 0;
+    }
+    .mobile-nav-tabs .tab-pane > table {
+        border-top: 1px solid #ddd!important;
+    }
 }
\ No newline at end of file
diff --git a/plugins/box/information/views/backend/index.view.php b/plugins/box/information/views/backend/index.view.php
index 2ad3c95..0365d4a 100644
--- a/plugins/box/information/views/backend/index.view.php
+++ b/plugins/box/information/views/backend/index.view.php
@@ -1,6 +1,6 @@
 <h2 class="margin-bottom-1"><?php echo __('Information', 'information'); ?></h2>
 
-<div class="tabbable">
+<div class="tabbable mobile-nav-tabs">
     <ul class="nav nav-tabs">
         <li class="active"><a href="#system" data-toggle="tab"><?php echo __('System', 'information'); ?></a></li>
         <li><a href="#server" data-toggle="tab"><?php echo __('Server', 'information'); ?></a></li>
@@ -91,6 +91,7 @@
 
         <div class="tab-pane" id="directory-permissions">
 
+            <div class="table-responsive">
             <table class="table table-bordered">
                 <thead>
                     <tr>
@@ -125,12 +126,13 @@
                     </tr>
                 </tbody>
             </table>
-
+            </div>
         </div>
 
         <div class="tab-pane" id="security">
 
             <?php clearstatcache(); ?>
+            <div class="table-responsive">
             <table class="table table-bordered">
                 <thead>
                     <tr>
@@ -158,6 +160,7 @@
                     <?php } ?>
                 </tbody>
             </table>
+            </div>
 
         </div>