manager: improve visual association between day label and hours (#26426)

chrono/manager/static/css/style.scss

@@ -120,17 +120,28 @@ a.timeperiod-exception-all {
 	}
 	&.weekday {
 		width: 12.5%;
+		padding-top: 3rem;
 	}
 }
 
-.agenda-table tbody tr:nth-child(2n+1) th.hour,
-.agenda-table tbody tr:nth-child(2n+1) td {
+.agenda-table tbody tr:first-child th.weekday {
+	// don't add extra padding on top row
+	padding-top: 0;
+}
+
+.agenda-table tbody tr.odd th.hour,
+.agenda-table tbody tr.odd td {
 	background: #f0f0f0;
 	@media print {
 		border-top: 1px solid #aaa;
 	}
 }
 
+.agenda-table tbody tr.odd td.other-month {
+	background: #f8f8f8;
+}
+
+
 .agenda-table tbody td {
 	padding: 0 1ex;
 	vertical-align: top;
@@ -143,10 +154,6 @@ a.timeperiod-exception-all {
 	border-width: 0 5px;
 }
 
-.agenda-table tbody tr td.other-month {
-	background: transparent;
-}
-
 @for $i from 1 through 60 {
 	table.hourspan-#{$i} tbody td {
 		height: calc(#{$i} * 2.5em);

chrono/manager/templates/chrono/manager_agenda_day_view.html

@@ -48,7 +48,7 @@
   <tbody>
 {% endif %}
 
-    <tr>
+    <tr class="{% cycle 'odd' 'even' %}">
       <th class="hour">{{ period|date:"TIME_FORMAT" }}</th>
       {% for desk_info in desk_infos %}
       <td>

chrono/manager/templates/chrono/manager_agenda_month_view.html

@@ -43,7 +43,7 @@
     {% endfor %}
   </tr>
   {% for hour in week_days.periods %}
-  <tr>
+  <tr class="{% cycle 'odd' 'even' %}">
     <th class="hour">{{ hour|date:"TIME_FORMAT" }}</th>
     {% for day in week_days.days %}
     <td{% if day.other_month %} class="other-month"{% endif %}>