From 73eabe938ad81d83f9221f3381924a31a6008d1d Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Thu, 26 Feb 2015 10:31:59 -0800
Subject: [PATCH] [Fixed Position] Wrap mct-include is div

Wrap mct-include in a div which gets position/style information
to position elements in a fixed position view; part of
recommended updates for WTD-894.
---
 .../features/layout/res/templates/fixed.html  | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/platform/features/layout/res/templates/fixed.html b/platform/features/layout/res/templates/fixed.html
index df163e76c7..39415b6090 100644
--- a/platform/features/layout/res/templates/fixed.html
+++ b/platform/features/layout/res/templates/fixed.html
@@ -4,24 +4,23 @@
 
     <!-- Background grid -->
     <div class="l-grid-holder" ng-click="controller.clearSelection()">
-	    <div class="l-grid l-grid-x" ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div>
-	    <div class="l-grid l-grid-y" ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></div>
+	    <div class="l-grid l-grid-x"
+             ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div>
+	    <div class="l-grid l-grid-y"
+             ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></div>
     </div>
 
-
-
     <!-- Fixed position elements -->
-	<!-- TO-DO: Should not be applying positioning styles or CSS classes to the mct-include element.
-	Instead, these should be passed on to the actual HTML element within the template -->
-    <mct-include ng-repeat="element in controller.getElements()"
-                 key="element.template"
-                 parameters="{ gridSize: controller.getGridSize() }"
-                 class="l-fixed-position-item"
-                 ng-class="{ 's-not-selected': controller.selected() && !controller.selected(element) }"
-                 ng-style="element.style"
-                 ng-click="controller.select(element)"
-                 ng-model="element">
-    </mct-include>
+    <div ng-repeat="element in controller.getElements()"
+         class="l-fixed-position-item"
+         ng-class="{ 's-not-selected': controller.selected() && !controller.selected(element) }"
+         ng-style="element.style"
+         ng-click="controller.select(element)">
+        <mct-include key="element.template"
+                     parameters="{ gridSize: controller.getGridSize() }"
+                     ng-model="element">
+        </mct-include>
+    </div>
 
     <!-- Selection highlight, handles -->
     <span ng-if="controller.selected()">