From 8b924ef670b61f77b6b3eed567cef54ac7e0eedf Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Thu, 7 Sep 2023 10:40:36 +0200
Subject: [PATCH] manager css: allow multiple partial bookings on the same line
 (#80050)

---
 chrono/manager/static/css/style.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/chrono/manager/static/css/style.scss b/chrono/manager/static/css/style.scss
index a18c7619..3b49de50 100644
--- a/chrono/manager/static/css/style.scss
+++ b/chrono/manager/static/css/style.scss
@@ -658,6 +658,7 @@ div#appbar a.active {
 			&--datas {
 				box-sizing: border-box;
 				flex: 1 0 100%;
+				padding: .33rem 0;
 				@media (min-width: 761px) {
 					flex-basis: auto;
 				}
@@ -674,24 +675,28 @@ div#appbar a.active {
 			}
 			&--bar-container {
 				position: relative;
-				padding: .33rem 0;
+				margin: 0.33rem 0;
 			}
 			&--bar {
 				--color: white;
 				box-sizing: border-box;
-				margin: 0.33rem 0;
+				margin: 0;
 				position: relative;
 				padding: 0.33em 0.66em;
 				background-color: var(--background);
 				color: var(--color);
+				&:not(:first-child) {
+					position: absolute;
+					top: 0;
+				}
 				&.booking {
 					--background: #1066bc;
 				}
 				&.check.present, &.computed.present {
-					--background: hsl(120, 57%, 35%);
+					--background: var(--green);
 				}
 				&.check.absent, &.computed.absent {
-					--background: hsl(355, 80%, 45%);
+					--background: var(--red);
 				}
 				&.computed {
 					opacity: 0.6;