Make tables responsive in small devices

bl-kernel/admin/controllers/developers.php

@@ -13,7 +13,9 @@ checkRole(array('admin'));
 // This function is used on the VIEW to show the tables
 function printTable($title, $array) {
 	echo '<h2 class="mb-2 mt-4">'.$title.'</h2>';
-	echo '<table class="table table-striped mt-3">
+	echo '
+	<div class="table-responsive">
+		<table class="table table-striped mt-3">
 			<tbody>
 	';
 
@@ -33,6 +35,7 @@ function printTable($title, $array) {
 	echo '
 			</tbody>
 		</table>
+	</div>
 	';
 }
 

bl-kernel/admin/views/about.php

@@ -3,7 +3,8 @@
 echo Bootstrap::pageTitle(array('title'=>$L->g('About'), 'icon'=>'info-circle'));
 
 echo '
-<table class="table table-striped mt-3">
+<div class="table-responsive">
+	<table class="table table-striped mt-3">
 		<tbody>
 ';
 
@@ -43,5 +44,6 @@ echo '</tr>';
 
 echo '
 		</tbody>
-</table>
+	</table>
+</div>
 ';

bl-kernel/admin/views/categories.php

@@ -9,7 +9,8 @@ echo Bootstrap::link(array(
 ));
 
 echo '
-<table class="table table-striped mt-3">
+<div class="table-responsive">
+	<table class="table table-striped mt-3">
 		<thead>
 			<tr>
 				<th class="border-bottom-0" scope="col">'.$L->g('Name').'</th>
@@ -29,5 +30,6 @@ foreach ($categories->keys() as $key) {
 
 echo '
 		</tbody>
-</table>
+	</table>
+</div>
 ';

bl-kernel/admin/views/users.php

@@ -11,7 +11,8 @@ echo Bootstrap::link(array(
 ));
 
 echo '
-<table class="table table-striped mt-3">
+<div class="table-responsive">
+	<table class="table table-striped mt-3">
 		<thead>
 			<tr>
 				<th class="border-bottom-0" scope="col">'.$L->g('Username').'</th>
@@ -52,5 +53,6 @@ foreach ($list as $username) {
 
 echo '
 		</tbody>
-</table>
+	</table>
+</div>
 ';