From e34fe1a2895a1cef5a5f7b20a90e3ec94b09d918 Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Tue, 15 Sep 2015 18:51:44 -0700
Subject: [PATCH] [Time Conductor] Tweak position, appearance

...of datetime picker popups. WTD-1515
---
 .../general/res/templates/controls/time-controller.html       | 4 ++--
 platform/commonUI/general/src/directives/MCTPopup.js          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/platform/commonUI/general/res/templates/controls/time-controller.html b/platform/commonUI/general/res/templates/controls/time-controller.html
index df7b2c8455..b223513859 100644
--- a/platform/commonUI/general/res/templates/controls/time-controller.html
+++ b/platform/commonUI/general/res/templates/controls/time-controller.html
@@ -26,7 +26,7 @@
         <span ng-controller="ToggleController as t">
             <a class="ui-symbol" ng-click="t.toggle()">p</a>
             <mct-popup ng-if="t.isActive()">
-                <div style="background: #555;"
+                <div style="background: #222;"
                      mct-click-elsewhere="t.setState(false)">
                     <mct-control key="'datetime-picker'"
                                  ng-model="ngModel.outer"
@@ -41,7 +41,7 @@
         <span ng-controller="ToggleController as t2">
             <a class="ui-symbol" ng-click="t2.toggle()">p</a>
             <mct-popup ng-if="t2.isActive()">
-                <div style="background: #555;"
+                <div style="background: #222;"
                      mct-click-elsewhere="t2.setState(false)">
                     <mct-control key="'datetime-picker'"
                                  ng-model="ngModel.outer"
diff --git a/platform/commonUI/general/src/directives/MCTPopup.js b/platform/commonUI/general/src/directives/MCTPopup.js
index eebab5b690..33860204c6 100644
--- a/platform/commonUI/general/src/directives/MCTPopup.js
+++ b/platform/commonUI/general/src/directives/MCTPopup.js
@@ -32,7 +32,7 @@ define(
                 var body = $document.find('body'),
                     popup = $compile(TEMPLATE)(scope),
                     winDim = [$window.innerWidth, $window.innerHeight],
-                    rect = element[0].getBoundingClientRect(),
+                    rect = element.parent()[0].getBoundingClientRect(),
                     position = [ rect.left, rect.top ],
                     isLeft = position[0] <= (winDim[0] / 2),
                     isTop = position[1] <= (winDim[1] / 2);