Make tables more responsive

app/Template/project_user_overview/roles.php

@@ -1,7 +1,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('No project') ?></p>
 <?php else: ?>
-    <table class="table-fixed">
+    <table class="table-fixed table-scrolling">
         <tr>
             <th class="column-20"><?= $paginator->order(t('User'), 'users.username') ?></th>
             <th class="column-25"><?= $paginator->order(t('Project'), 'projects.name') ?></th>

app/Template/project_user_overview/tasks.php

@@ -1,7 +1,7 @@
 <?php if ($paginator->isEmpty()): ?>
     <p class="alert"><?= t('No tasks found.') ?></p>
 <?php elseif (! $paginator->isEmpty()): ?>
-    <table class="table-small">
+    <table class="table-small table-striped table-scrolling">
         <tr>
             <th class="column-5"><?= $paginator->order(t('Id'), 'tasks.id') ?></th>
             <th class="column-10"><?= $paginator->order(t('Project'), 'projects.name') ?></th>

app/Template/project_user_overview/tooltip_users.php

@@ -1,7 +1,7 @@
 <?php if (empty($users)): ?>
     <p><?= t('There is no project member.') ?></p>
 <?php else: ?>
-    <table>
+    <table class="table-small">
     <?php foreach ($roles as $role => $role_name): ?>
         <?php if (isset($users[$role])): ?>
         <tr><th><?= $role_name ?></th></tr>