Improve planning style

Author: mRoca

assets/css/planning.scss

@@ -28,6 +28,7 @@ $tableBoxSize: 40px;
         font-weight: 600;
         background-color: white;
         position: sticky;
+        white-space: nowrap;
         z-index: 99;
         top: 0;
 
@@ -106,6 +107,7 @@ $tableBoxSize: 40px;
 
     td.item-data {
       white-space: nowrap;
+      font-size: 0.85em;
     }
 
     td.slot-box {

templates/organization/planning/_availabilities_assets.html.twig

@@ -16,8 +16,8 @@
 {% block itemDataDetails %}
     <td class="item-data">{{ item.entity.hasMobileRadio ? 'common.yes' | trans : '-' }}</td>
     <td class="item-data" colspan="2">{{ item.entity.hasFirstAidKit ? 'common.yes' | trans : '-' }}</td>
-    <td class="item-data">{{ item.entity.contact | truncate(30) }}</td>
-    <td class="item-data" colspan="2">{{ item.entity.parkingLocation | truncate(30) }}</td>
+    <td class="item-data"><small>{{ item.entity.contact | truncate(50) }}</small></td>
+    <td class="item-data" colspan="2"><small>{{ item.entity.parkingLocation | truncate(50) }}</small></td>
     <td class="item-data">{{ item.entity.seatingCapacity }}</td>
     <td class="item-data">{{ item.entity.licensePlate }}</td>
     <td class="item-data">{{ item.entity.comments | truncate(50) }}</td>

templates/organization/planning/_availabilities_users.html.twig

@@ -23,8 +23,8 @@
     <td class="item-data">{{ item.entity.identificationNumber }}</td>
     <td class="item-data">{{ item.entity.phoneNumber }}</td>
     <td class="item-data">{{ item.entity.emailAddress }}</td>
-    <td class="item-data">{{ item.entity.occupation }}</td>
-    <td class="item-data">{{ item.entity.organizationOccupation }}</td>
+    <td class="item-data">{{ item.entity.occupation | truncate(50) }}</td>
+    <td class="item-data">{{ item.entity.organizationOccupation | truncate(50) }}</td>
     <td class="item-data">
         {% for skill in getDisplayableSkillsInPlanning(item.entity) -%}
             {{ skill|skillBadge }}