From 563aca16ae7cbca1c6864bf4c31a2050be071277 Mon Sep 17 00:00:00 2001
From: Haryanto <gendang_telinga@yahoo.com>
Date: Sun, 7 May 2023 19:15:55 +0800
Subject: [PATCH] add table responsive

---
 lib/views/files.html | 40 +++++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/lib/views/files.html b/lib/views/files.html
index 3d2529d..aab43cf 100644
--- a/lib/views/files.html
+++ b/lib/views/files.html
@@ -137,26 +137,28 @@ <h4>Create Archive</h4>
       <li ng-repeat="p in FM.curBreadCrumbPaths"><a href={{p.path}}>{{p.name}}</a></li>
     </ol>
 
-    <table class="table table-hover table-striped">
-      <thead>
-        <tr class="sortable">
-          <th><input type="checkbox" value="" ng-model="FM.selectAll"></th>
-          <th>Type</th>
-          <th>Name</th>
-          <th>Size</th>
-          <th>Time</th>
+    <div class="table-responsive">
+      <table class="table table-hover table-striped">
+        <thead>
+          <tr class="sortable">
+            <th><input type="checkbox" value="" ng-model="FM.selectAll"></th>
+            <th>Type</th>
+            <th>Name</th>
+            <th>Size</th>
+            <th>Time</th>
+          </tr>
+        </thead>
+        <tbody>
+        <tr class="sortable" ng-repeat="file in FM.curFiles | orderBy:'folder'">
+          <td><input type="checkbox" value="{{file.name}}" ng-model="file.selected"></td>
+          <td ng-click="FM.clickFile(file)"><span class="{{file.folder ? 'glyphicon glyphicon-folder-open' : 'glyphicon glyphicon-file'}}"></span></td>
+          <td ng-click="FM.clickFile(file)"><a>{{file.name}}</a></td>
+          <td>{{file.humanSize}}</td>
+          <td>{{file.humanTime}}</td>
         </tr>
-      </thead>
-      <tbody>
-      <tr class="sortable" ng-repeat="file in FM.curFiles | orderBy:'folder'">
-        <td><input type="checkbox" value="{{file.name}}" ng-model="file.selected"></td>
-        <td ng-click="FM.clickFile(file)"><span class="{{file.folder ? 'glyphicon glyphicon-folder-open' : 'glyphicon glyphicon-file'}}"></span></td>
-        <td ng-click="FM.clickFile(file)"><a>{{file.name}}</a></td>
-        <td>{{file.humanSize}}</td>
-        <td>{{file.humanTime}}</td>
-      </tr>
-      </tbody>
-    </table>
+        </tbody>
+      </table>
+    </div>
 
     <div id="successAlert" class="alert alert-success" role="alert" style="display: none">
       <span>{{FM.successData}}</span>