From e4cad505260ba7860faeef79900da681aaa726b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Mon, 16 Sep 2019 13:53:53 +0200
Subject: [PATCH] Rearrange pricetable sections to improve legibility

---
 .../Private/Assets/scss/remix/_tables.scss          |  4 ++++
 .../Templates/AjaxTable/EventPricetable.html        | 13 +++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_tables.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_tables.scss
index 9b497059..0037a99b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_tables.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_tables.scss
@@ -28,6 +28,10 @@
     }
   }
 
+  & .pricetable__section td {
+    background-color: $color-grey-lighter;
+    line-height: 32px;
+  }
 }
 
 .pricetable__room-label {
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
index 4e1ae8e9..06a30ac1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
@@ -8,16 +8,13 @@
     <f:section name="Main">
         <div class="table-responsive">
             <table class="table table-striped pricetable">
-                <tr>
-                    <th>Apartments</th>
-                    <f:for each="{roomTypesLabels}" as="type">
-                        <th>{type}</th>
-                    </f:for>
-                </tr>
                 <f:for each="{categories}" as="category" key="categoryKey">
                     <f:if condition="{v:variable.get(name: 'pricetable.{categoryKey}', useRawKeys: 1) -> f:count()} > 0">
-                        <tr>
-                            <td colspan="{roomTypesPax -> f:count() -> v:math.sum(b: 1)}"><strong>{category}</strong></td>
+                        <tr class="pricetable__section">
+                            <td><strong>Apartments {category}</strong></td>
+                            <f:for each="{roomTypesLabels}" as="type">
+                                <td>{type}</td>
+                            </f:for>
                         </tr>
                         <f:for each="{v:variable.get(name: 'pricetable.{categoryKey}', useRawKeys: 1)}" as="row">
                             <tr>