From d9ca1051b31f7efd35083dc87bd59b143cb3e593 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Fri, 25 Jul 2014 11:34:33 -0400
Subject: [PATCH] Improve headers of multicolumns view

---
 UI/Templates/SchedulerUI/UIxCalDayTable.wox      | 2 +-
 UI/Templates/SchedulerUI/UIxCalendarSelector.wox | 2 ++
 UI/WebServerResources/SchedulerUI.css            | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxCalDayTable.wox b/UI/Templates/SchedulerUI/UIxCalDayTable.wox
index 3c4a1c3e4..f9d6d9c2f 100644
--- a/UI/Templates/SchedulerUI/UIxCalDayTable.wox
+++ b/UI/Templates/SchedulerUI/UIxCalDayTable.wox
@@ -13,7 +13,7 @@
     <var:if condition="isMultiColumnView">
       <div class="calendarLabels">
         <var:foreach list="calendarsToDisplay" item="currentCalendar">
-          <div class="calendarsToDisplay">
+          <div class="calendarsToDisplay" var:data-folder="currentCalendar.folder">
             <var:string value="labelForCalendar"/>
           </div>
         </var:foreach>
diff --git a/UI/Templates/SchedulerUI/UIxCalendarSelector.wox b/UI/Templates/SchedulerUI/UIxCalendarSelector.wox
index cc4359127..e722c465e 100644
--- a/UI/Templates/SchedulerUI/UIxCalendarSelector.wox
+++ b/UI/Templates/SchedulerUI/UIxCalendarSelector.wox
@@ -12,6 +12,8 @@
 { background-color: <var:string value="currentCalendar.color" />; color: <var:string value="contrastingTextColor" />; }
 div.colorBox.calendarFolder<var:string value="currentCalendar.folder" />
 { color: <var:string value="currentCalendar.color" />; }
+.calendarLabels [data-folder='<var:string value="currentCalendar.folder" />']
+{ border-color: <var:string value="currentCalendar.color" />; }
     </var:foreach>
   </style>
   <div id="calendarSelector">
diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css
index 2cf335711..537b1e7de 100644
--- a/UI/WebServerResources/SchedulerUI.css
+++ b/UI/WebServerResources/SchedulerUI.css
@@ -423,9 +423,10 @@ DIV#calendarHeader DIV.calendarLabels
   height: 20px; 
   border-left: 1px solid #ccc;
   text-align: center;
-  font-style:italic;
   font-size:150%;
 }
+.calendarsToDisplay
+{ border-top: 2px solid #fff; }
 DIV#calendarHeader DIV.dayLabels
 { top: 32px;
   height: 35px; }