[Frontend] New markup for CSS from #1166

Fixes #967
Requires new styles implemented in #1166

(cherry picked from commit 0457f7bee8)

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

@@ -20,12 +20,12 @@
  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">
-      ng-class="{'hide-l-btn-set': plot.hideExportButtons}">
+    <div class="l-control-bar" ng-show="!plot.hideExportButtons">
          <span class="l-btn-set">
             <a class="s-button t-export icon-download labeled first"
-           ng-click="plot.exportJPG()"
+               ng-click="plot.exportPDF()"
-           title="Export This View's Data as JPG">
+               title="Export This View's Data as PDF">
                 JPG
             </a>
             <a class="s-button t-export labeled"
@@ -34,11 +34,13 @@
                 PNG
             </a>
             <a class="s-button t-export labeled last"
-           ng-click="plot.exportPDF()"
+               ng-click="plot.exportJPG()"
-           title="Export This View's Data as PDF">
+               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()">
@@ -154,4 +156,5 @@
 
             </div>
         </div>
+    </div>
 </span>