Hide fullscreen/refresh on empty dashboards. Align button sections

frontend/src/components/Header.jsx

@@ -66,7 +66,7 @@ export default class Header extends Component {
 
         var headerButtons = this.props.headerButtons.map((section, sectionIndex) => {
             return section && section.length > 0 && (
-                <span key={sectionIndex} className="Header-buttonSection">
+                <span key={sectionIndex} className="Header-buttonSection flex align-center">
                     {section.map((button, buttonIndex) =>
                         <span key={buttonIndex} className="Header-button">
                             {button}

frontend/src/dashboard/components/DashboardHeader.jsx

@@ -177,7 +177,7 @@ export default class DashboardHeader extends Component {
             );
         }
 
-        if (!isEditing) {
+        if (!isEditing && !isEmpty) {
             buttons.push(
                 <RefreshWidget className="text-brand-hover" key="refresh" period={this.props.refreshPeriod} elapsed={this.props.refreshElapsed} onChangePeriod={this.props.setRefreshPeriod} />
             );
@@ -189,7 +189,7 @@ export default class DashboardHeader extends Component {
             );
         }
 
-        if (!isEditing) {
+        if (!isEditing && !isEmpty) {
             buttons.push(
                 <FullscreenIcon className="text-brand-hover" key="fullscreen" isFullscreen={isFullscreen} onClick={() => this.props.onFullscreenChange(!isFullscreen)} />
             );