From 4340ea3039362867aba32b173b212e762e293f80 Mon Sep 17 00:00:00 2001
From: Markus Cisler <m@kuchen.io>
Date: Wed, 25 Sep 2013 12:38:32 +0200
Subject: Make tables responsive

---
 application/views/file/file_info.php      | 54 ++++++++++++++++---------------
 application/views/file/upload_history.php | 46 +++++++++++++-------------
 application/views/user/apikeys.php        | 54 ++++++++++++++++---------------
 application/views/user/invite.php         | 36 +++++++++++----------
 4 files changed, 99 insertions(+), 91 deletions(-)

diff --git a/application/views/file/file_info.php b/application/views/file/file_info.php
index dedc35fea..6c2772a21 100644
--- a/application/views/file/file_info.php
+++ b/application/views/file/file_info.php
@@ -1,30 +1,32 @@
 <div class="center">
 	<?php if($filedata): ?>
-		<table class="table" style="margin: auto">
-			<tr>
-				<td class="title">ID</td>
-				<td class="text"><a href="<?php echo site_url($id); ?>/"><?php echo $id; ?></a></td>
-			</tr>
-			<tr>
-				<td class="title">Filename</td>
-				<td class="text"><?php echo htmlspecialchars($filedata["filename"]); ?></td>
-			</tr>
-			<tr>
-				<td class="title">Date of upload</td>
-				<td class="text"><?php echo date("r", $filedata["date"]); ?></td>
-			</tr>
-			<tr>
-				<td class="title">Date of removal</td>
-				<td class="text"><?php echo $timeout; ?></td>
-			</tr>
-			<tr>
-				<td class="title">Size</td>
-				<td class="text"><?php echo format_bytes($filedata["filesize"]); ?></td>
-			</tr>
-			<tr>
-				<td class="title">Mimetype</td>
-				<td class="text"><?php echo $filedata["mimetype"]; ?></td>
-			</tr>
-		</table>
+		<div class="table-responive">
+			<table class="table" style="margin: auto">
+				<tr>
+					<td class="title">ID</td>
+					<td class="text"><a href="<?php echo site_url($id); ?>/"><?php echo $id; ?></a></td>
+				</tr>
+				<tr>
+					<td class="title">Filename</td>
+					<td class="text"><?php echo htmlspecialchars($filedata["filename"]); ?></td>
+				</tr>
+				<tr>
+					<td class="title">Date of upload</td>
+					<td class="text"><?php echo date("r", $filedata["date"]); ?></td>
+				</tr>
+				<tr>
+					<td class="title">Date of removal</td>
+					<td class="text"><?php echo $timeout; ?></td>
+				</tr>
+				<tr>
+					<td class="title">Size</td>
+					<td class="text"><?php echo format_bytes($filedata["filesize"]); ?></td>
+				</tr>
+				<tr>
+					<td class="title">Mimetype</td>
+					<td class="text"><?php echo $filedata["mimetype"]; ?></td>
+				</tr>
+			</table>
+		</div>
 	<?php endif; ?>
 </div>
diff --git a/application/views/file/upload_history.php b/application/views/file/upload_history.php
index 344afc28a..634ad5935 100644
--- a/application/views/file/upload_history.php
+++ b/application/views/file/upload_history.php
@@ -1,30 +1,32 @@
 <?php register_js_include("/data/js/jquery.tablesorter.min.js"); ?>
 <?php include 'nav_history.php'; ?>
 <?php echo form_open("file/do_delete") ?>
-    <table id="upload_history" class="table table-striped tablesorter">
-        <thead>
-            <tr>
-                <th><input type="checkbox" name="all-ids" id="history-all"></th>
-                <th>ID</th>
-                <th>Filename</th>
-                <th>Mimetype
-                <th>Date</th>
-                <th>Size</th>
-            </tr>
-        </thead>
-        <tbody>
-            <?php foreach($query as $key => $item): ?>
+    <div class="table-responsive">
+        <table id="upload_history" class="table table-striped tablesorter">
+            <thead>
                 <tr>
-                    <td><input type="checkbox" name="ids[<?php echo $item["id"] ?>]" value="<?php echo $item["id"] ?>" class="delete-history"></td>
-                    <td><a href="<?php echo site_url("/".$item["id"]) ?>/"><?php echo $item["id"] ?></a></td>
-                    <td class="wrap"><?php echo htmlspecialchars($item["filename"]); ?></td>
-                    <td><?php echo $item["mimetype"] ?></td>
-                    <td class="nowrap"><?php echo date("r", $item["date"]); ?><span class="hidden">t=<?php echo $item["date"]; ?></span></td>
-                    <td><?php echo $item["filesize"] ?></td>
+                    <th><input type="checkbox" name="all-ids" id="history-all"></th>
+                    <th>ID</th>
+                    <th>Filename</th>
+                    <th>Mimetype
+                    <th>Date</th>
+                    <th>Size</th>
                 </tr>
-            <?php endforeach; ?>
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+                <?php foreach($query as $key => $item): ?>
+                    <tr>
+                        <td><input type="checkbox" name="ids[<?php echo $item["id"] ?>]" value="<?php echo $item["id"] ?>" class="delete-history"></td>
+                        <td><a href="<?php echo site_url("/".$item["id"]) ?>/"><?php echo $item["id"] ?></a></td>
+                        <td class="wrap"><?php echo htmlspecialchars($item["filename"]); ?></td>
+                        <td><?php echo $item["mimetype"] ?></td>
+                        <td class="nowrap"><?php echo date("r", $item["date"]); ?><span class="hidden">t=<?php echo $item["date"]; ?></span></td>
+                        <td><?php echo $item["filesize"] ?></td>
+                    </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+    </div>
     <input class="btn btn-danger" type="submit" value="Delete checked" name="process">
 </form>
 
diff --git a/application/views/user/apikeys.php b/application/views/user/apikeys.php
index 02a11767c..872eb9ef0 100644
--- a/application/views/user/apikeys.php
+++ b/application/views/user/apikeys.php
@@ -1,32 +1,34 @@
 <h2>API keys</h2>
-<table class="table table-striped">
-	<thead>
-		<tr>
-			<th>#</th>
-			<th>Key</th>
-			<th style="width: 30%;">Comment</th>
-			<th>Created on</th>
-			<th></th>
-		</tr>
-	</thead>
-	<tbody>
-		<?php $i = 1; ?>
-		<?php foreach($query as $key => $item): ?>
+<div class="table-responsive">
+	<table class="table table-striped">
+		<thead>
 			<tr>
-				<td><?php echo $i++; ?></td>
-				<td><?php echo $item["key"]; ?></td>
-				<td><?php echo htmlentities($item["comment"]); ?></td>
-				<td><?php echo date("Y/m/d H:i", $item["created"]); ?></td>
-				<td>
-					<?php echo form_open("user/delete_apikey", array("style" => "margin-bottom: 0")); ?>
-					<?php echo form_hidden("key", $item["key"]); ?>
-					<button class="btn btn-danger btn-xs" type="submit">Delete</input>
-					</form>
-				</td>
+				<th>#</th>
+				<th>Key</th>
+				<th style="width: 30%;">Comment</th>
+				<th>Created on</th>
+				<th></th>
 			</tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>
+		</thead>
+		<tbody>
+			<?php $i = 1; ?>
+			<?php foreach($query as $key => $item): ?>
+				<tr>
+					<td><?php echo $i++; ?></td>
+					<td><?php echo $item["key"]; ?></td>
+					<td><?php echo htmlentities($item["comment"]); ?></td>
+					<td><?php echo date("Y/m/d H:i", $item["created"]); ?></td>
+					<td>
+						<?php echo form_open("user/delete_apikey", array("style" => "margin-bottom: 0")); ?>
+						<?php echo form_hidden("key", $item["key"]); ?>
+						<button class="btn btn-danger btn-xs" type="submit">Delete</input>
+						</form>
+					</td>
+				</tr>
+			<?php endforeach; ?>
+		</tbody>
+	</table>
+</div>
 
 <p>
 	<?php echo form_open('user/create_apikey', array("class" => "form-inline")); ?>
diff --git a/application/views/user/invite.php b/application/views/user/invite.php
index 5cea4e742..d3e2fb7a6 100644
--- a/application/views/user/invite.php
+++ b/application/views/user/invite.php
@@ -10,25 +10,27 @@
 </div>
 
 <h2>Unused invitation keys</h2>
-<table class="table table-striped">
-	<thead>
-		<tr>
-			<th>#</th>
-			<th style="width: 70%;">Key</th>
-			<th>Created on</th>
-		</tr>
-	</thead>
-	<tbody>
-		<?php $i = 1; ?>
-		<?php foreach($query as $key => $item): ?>
+<div class="table-responsive">
+	<table class="table table-striped">
+		<thead>
 			<tr>
-				<td><?php echo $i++; ?></td>
-				<td><?php echo anchor("user/register/".$item["key"], $item["key"]) ?></td>
-				<td><?php echo date("Y/m/d H:i", $item["date"]) ?></td>
+				<th>#</th>
+				<th style="width: 70%;">Key</th>
+				<th>Created on</th>
 			</tr>
-		<?php endforeach; ?>
-	</tbody>
-</table>
+		</thead>
+		<tbody>
+			<?php $i = 1; ?>
+			<?php foreach($query as $key => $item): ?>
+				<tr>
+					<td><?php echo $i++; ?></td>
+					<td><?php echo anchor("user/register/".$item["key"], $item["key"]) ?></td>
+					<td><?php echo date("Y/m/d H:i", $item["date"]) ?></td>
+				</tr>
+			<?php endforeach; ?>
+		</tbody>
+	</table>
+</div>
 
 <p>
 	<?php echo form_open('user/create_invitation_key'); ?>
-- 
cgit v1.2.3-24-g4f1b