[Frontend] New markup for CSS from #1166

Fixes #967
Requires new styles implemented in #1166

platform/features/plot/res/templates/plot.html

@@ -20,7 +20,27 @@
  at runtime from the About dialog for additional information.
 -->
 <span ng-controller="PlotController as plot"
-      class="abs holder holder-plot">
+      class="abs holder holder-plot has-control-bar">
+    <div class="l-control-bar">
+         has-control-bar<span class="l-btn-set">
+            <a class="s-button t-export icon-download labeled first"
+               ng-click="exportPDF()"
+               title="Export This View's Data as PDF">
+                JPG
+            </a>
+            <a class="s-button t-export labeled"
+               ng-click="exportPNG()"
+               title="Export This View's Data as PNG">
+                PNG
+            </a>
+            <a class="s-button t-export labeled last"
+               ng-click="exportJPG()"
+               title="Export This View's Data as JPG">
+                PDF
+            </a>
+        </span>
+    </div>
+    <div class="l-view-section">
         <div class="gl-plot"
              ng-style="{ height: 100 / plot.getSubPlots().length + '%'}"
              ng-repeat="subplot in plot.getSubPlots()">
@@ -136,4 +156,5 @@
 
             </div>
         </div>
+    </div>
 </span>