Improve css for tablets and fix minor bug

app/ServiceProvider/ClassProvider.php

@@ -27,7 +27,7 @@ class ClassProvider implements ServiceProviderInterface
             'Notification',
             'Project',
             'ProjectActivity',
-            'ProjectAnalytics',
+            'ProjectAnalytic',
             'ProjectDailySummary',
             'ProjectPaginator',
             'ProjectPermission',

app/Template/subtask/show.php

@@ -7,8 +7,8 @@
 
     <table class="subtasks-table">
         <tr>
-            <th width="40%"><?= t('Title') ?></th>
-            <th><?= t('Status') ?></th>
+            <th class="column-40"><?= t('Title') ?></th>
+            <th class="column-15"><?= t('Status') ?></th>
             <th><?= t('Assignee') ?></th>
             <th><?= t('Time tracking') ?></th>
             <?php if (! isset($not_editable)): ?>
@@ -42,9 +42,14 @@
             </td>
             <?php if (! isset($not_editable)): ?>
                 <td>
-                    <?= $this->a(t('Edit'), 'subtask', 'edit', array('task_id' => $task['id'], 'subtask_id' => $subtask['id'])) ?>
-                    <?= t('or') ?>
-                    <?= $this->a(t('Remove'), 'subtask', 'confirm', array('task_id' => $task['id'], 'subtask_id' => $subtask['id'])) ?>
+                    <ul>
+                        <li>
+                            <?= $this->a(t('Edit'), 'subtask', 'edit', array('task_id' => $task['id'], 'subtask_id' => $subtask['id'])) ?>
+                        </li>
+                        <li>
+                            <?= $this->a(t('Remove'), 'subtask', 'confirm', array('task_id' => $task['id'], 'subtask_id' => $subtask['id'])) ?>
+                        </li>
+                    </ul>
                 </td>
             <?php endif ?>
         </tr>

app/Template/swimlane/table.php

@@ -3,8 +3,8 @@
         <?php if (! isset($hide_position)): ?>
             <th><?= t('Position') ?></th>
         <?php endif ?>
-        <th class="column-70"><?= t('Name') ?></th>
-        <th><?= t('Actions') ?></th>
+        <th class="column-60"><?= t('Name') ?></th>
+        <th class="column-35"><?= t('Actions') ?></th>
     </tr>
     <?php foreach ($swimlanes as $swimlane): ?>
     <tr>

assets/css/app.css

@@ -156,6 +156,10 @@ th a:hover {
     width: 30%;
 }
 
+.column-35 {
+    width: 35%;
+}
+
 .column-40 {
     width: 40%;
 }
@@ -1153,6 +1157,7 @@ tr td.task-orange,
     border: 1px solid #ddd;
     color: #333;
     background-color: #fefefe;
+    overflow: auto;
 }
 
 .listing li {
@@ -1345,6 +1350,15 @@ tr td.task-orange,
     td > input[type="text"] {
         max-width: 150px;
     }
+
+    .task-time-form label {
+        display: block;
+    }
+
+    .task-time-form input[type="submit"] {
+        margin-top: 10px;
+        display: block;
+    }
 }
 
 @media only screen and (max-width: 1024px) and (orientation: landscape) {

assets/css/listing.css

@@ -6,6 +6,7 @@
     border: 1px solid #ddd;
     color: #333;
     background-color: #fefefe;
+    overflow: auto;
 }
 
 .listing li {

assets/css/responsive.css

@@ -30,6 +30,15 @@
     td > input[type="text"] {
         max-width: 150px;
     }
+
+    .task-time-form label {
+        display: block;
+    }
+
+    .task-time-form input[type="submit"] {
+        margin-top: 10px;
+        display: block;
+    }
 }
 
 @media only screen and (max-width: 1024px) and (orientation: landscape) {

assets/css/table.css

@@ -82,6 +82,10 @@ th a:hover {
     width: 30%;
 }
 
+.column-35 {
+    width: 35%;
+}
+
 .column-40 {
     width: 40%;
 }