Improve ui

src/panel/graph_panel/partials/tab_analytics.html

@@ -1,21 +1,24 @@
-<div class="gf-form">
+<div class="gf-form-group">
+  <div class="gf-form">
     <label class="gf-form-label">Select Hastic datasource</label>
     <select class="gf-form-input max-width-15"
       ng-model="ctrl.panel.hasticDatasource"
       ng-options="ds.id as ds.name for ds in ctrl.hasticDatasources"
       ng-change="ctrl.onHasticDatasourceChange()"
     />
+  </div>
 </div>
 
-<div class="gf-form-button-row" ng-if="ctrl.analyticsController.serverStatus === false">
+<div class="gf-form">
+  <div class="gf-form-button-row" ng-if="ctrl.analyticsController.serverStatus === false">
     <h5>Hastic server at "{{ctrl.backendURL}}" is not available</h5>
     <button class="btn btn-inverse" ng-click="ctrl.runBackendConnectivityCheck()">
       <i class="fa fa-plug"></i>
       Reconnect to Hastic server
     </button>
-</div>
+  </div>
 
-<div ng-if="ctrl.analyticsController.serverStatus === true">
+  <div ng-if="ctrl.analyticsController.serverStatus === true">
     <h5> Analytic Units </h5>
     <div class="editor-row">
       <div class="gf-form" ng-repeat="analyticUnit in ctrl.analyticsController.analyticUnits">
@@ -214,6 +217,8 @@
         <i class="fa fa-caret-right" ng-hide="ctrl.showHelp"></i>
       </button>
     </div>
+  </div>
+</div>
 
 <div class="gf-form" ng-show="ctrl.showHelp" ng-bind-html="ctrl.analyticsController.helpSectionText"></div>