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

bl-kernel/admin/views/categories.php

@@ -9,6 +9,7 @@ echo Bootstrap::link(array(
 ));
 
 echo '
+<div class="table-responsive">
 	<table class="table table-striped mt-3">
 		<thead>
 			<tr>
@@ -30,4 +31,5 @@ foreach ($categories->keys() as $key) {
 echo '
 		</tbody>
 	</table>
+</div>
 ';

bl-kernel/admin/views/users.php

@@ -11,6 +11,7 @@ echo Bootstrap::link(array(
 ));
 
 echo '
+<div class="table-responsive">
 	<table class="table table-striped mt-3">
 		<thead>
 			<tr>
@@ -53,4 +54,5 @@ foreach ($list as $username) {
 echo '
 		</tbody>
 	</table>
+</div>
 ';