From ab471b9555f82058923ee4d13412b042af79e5fa Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Sat, 26 Jul 2014 01:16:13 +0400
Subject: [PATCH] UI Defect: Filesmanager Index View looks broken on iPhone
 #321 #320

---
 plugins/box/filesmanager/css/style.css                | 6 ++++++
 plugins/box/filesmanager/views/backend/index.view.php | 6 ++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/plugins/box/filesmanager/css/style.css b/plugins/box/filesmanager/css/style.css
index 5769680..065ecf4 100644
--- a/plugins/box/filesmanager/css/style.css
+++ b/plugins/box/filesmanager/css/style.css
@@ -49,4 +49,10 @@
     color: #ccc;
     cursor: default;
     text-decoration: none;
+}
+
+@media (max-width: 320px) {
+    .create-new-dir {
+        float:left!important;
+    }
 }
\ No newline at end of file
diff --git a/plugins/box/filesmanager/views/backend/index.view.php b/plugins/box/filesmanager/views/backend/index.view.php
index caf65b6..c548e0b 100755
--- a/plugins/box/filesmanager/views/backend/index.view.php
+++ b/plugins/box/filesmanager/views/backend/index.view.php
@@ -31,7 +31,7 @@
       <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
     </div>
 
-	<div id="DgDfileUploader">
+	<div id="DgDfileUploader" class="hidden-xs">
 		<div class="upload-area">
 			<div class="upload-progress"></div>
 			<div class="upload-file-pholder"><?php echo __('Drop File Here', 'filesmanager'); ?></div>
@@ -43,7 +43,7 @@
 	</div>
     </div>
     <div class="col-md-2">
-        <div class="pull-right">
+        <div class="pull-right create-new-dir">
         <button class="btn btn-primary" data-toggle="modal" data-target="#createNewDirectory">
           <?php echo __('Create New Directory', 'filesmanager'); ?>
         </button>
@@ -75,6 +75,7 @@
 </ol>
 <!-- /Filesmanger_path -->
 
+<div class="table-responsive">
 <table class="table table-bordered" id="filesDirsList">
     <thead>
         <tr>
@@ -155,6 +156,7 @@
         <?php } } ?>
     </tbody>
 </table>
+</div>
 
 <div id="createNewDirectory" class="modal fade" tabindex="-1">
   <div class="modal-dialog">