From d9f499ff52ed702201afa984f9ccea379b5fcc08 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Tue, 14 Jun 2016 11:39:51 -0400
Subject: [PATCH] (css) Fix pseudo-input label size

---
 UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox       | 4 ++--
 UI/Templates/SchedulerUI/UIxTaskViewTemplate.wox              | 4 ++--
 .../scss/components/pseudo-input/pseudo-input.scss            | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
index 10a912e9a..26cba1370 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
@@ -102,12 +102,12 @@
         <md-list-item ng-class="{ 'md-2-line': editor.component.isAllDay, 'md-3-line': !editor.component.isAllDay }">
           <md-icon>access_time</md-icon>
           <div class="md-list-item-text" ng-show="editor.component.startDate">
-            <p><var:string label:value="Start"/></p>
+            <p class="pseudo-input-label"><var:string label:value="Start"/></p>
             <h3>{{::editor.component.localizedStartDate}}</h3>
             <h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedStartTime}}</h3>
           </div>
           <div class="md-list-item-text" ng-show="editor.component.endDate">
-            <p><var:string label:value="End"/></p>
+            <p class="pseudo-input-label"><var:string label:value="End"/></p>
             <h3>{{::editor.component.localizedEndDate}}</h3>
             <h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedEndTime}}</h3>
           </div>
diff --git a/UI/Templates/SchedulerUI/UIxTaskViewTemplate.wox b/UI/Templates/SchedulerUI/UIxTaskViewTemplate.wox
index cc9b03ee6..cc53f88d4 100644
--- a/UI/Templates/SchedulerUI/UIxTaskViewTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxTaskViewTemplate.wox
@@ -63,12 +63,12 @@
                       ng-show="editor.component.startDate || editor.component.dueDate">
           <md-icon>access_time</md-icon>
           <div class="md-list-item-text" ng-show="editor.component.startDate">
-            <p><var:string label:value="Start"/></p>
+            <p class="pseudo-input-label"><var:string label:value="Start"/></p>
             <h3>{{::editor.component.localizedStartDate}}</h3>
             <h3 ng-hide="editor.component.isAllDay"> {{::editor.component.localizedStartTime}}</h3>
           </div>
           <div class="md-list-item-text" ng-show="editor.component.dueDate">
-            <p><var:string label:value="Due Date"/></p>
+            <p class="pseudo-input-label"><var:string label:value="Due Date"/></p>
             <h3>{{::editor.component.localizedDueDate}}</h3>
             <h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedDueTime}}</h3>
           </div>
diff --git a/UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss b/UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss
index 6cfa7167a..82883c873 100644
--- a/UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss
+++ b/UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss
@@ -37,8 +37,9 @@
   margin-top: $mg;
   color: $colorGray;
   font-weight: $sg-font-regular;
-  font-size: sg-size(caption);
   line-height: $sg-line-height-1;
+  transform: scale($input-label-float-scale);
+  @include rtl(transform-origin, left top, right top);
 }
 
 .pseudo-input-label--no-margin,