vertical item names and check column

la_chariotte/order/templates/order/grouped_order_sheet.html

@@ -19,6 +19,30 @@
           content: "Liste générée par la Chariotte - chariotte.fr | Page " counter(page)"/" counter(pages);
         }
       }
+      {% if items|length > 10 %} 
+        .item_name {
+          text-align:center;
+          white-space:nowrap;
+          -webkit-transform: rotate(-90deg);
+          -moz-transform: rotate(-90deg);
+          -ms-transform: rotate(-90deg);
+          -o-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+          font-size: 8pt;
+        }
+
+        .item_name div {
+          margin:-10px -120% ;
+          display:inline-block;
+        }
+        .item_name div:before{
+            content:'';
+            width:0;
+            padding-top:110%;
+            display:inline-block;
+            vertical-align:middle;
+        }
+      {% endif %}
 
       body {
         font-family: sans-serif;
@@ -62,11 +86,12 @@
         <tr>
           <th style="text-align: center">Nom</th>
           {% for item in items %}
-          <th style="word-break: break-all">
+          <th class="item_name" style="font-weight: normal;">
-            {{ item.name }}
+            <div>{{ item.name }}</div>
           </th>
           {% endfor %}
           <th style="width: 2cm">Prix</th>
+          <th style="font-size: 0.5em; width: 2em">OK</th>
         </tr>
       </thead>
       <tbody>
@@ -78,6 +103,7 @@
           </td>
           {% endfor %}
           <td></td>
+          <td></td>
         </tr>
         <tr style="background-color: #bababa">
           <th style="text-align: left">TOTAL</th>
@@ -87,6 +113,7 @@
           </th>
           {% endfor %}
           <th>{{ grouped_order.total_price }} €</th>
+          <th></th>
         </tr>
 				{% for order, ordered_items in orders_dict.items %}
 				<tr>
@@ -103,6 +130,7 @@
           <td>
             {{ order.price }} €
           </td>
+          <td></td>
 				</tr>
 				{% endfor %}
       </tbody>