AlertTab style fixes

public/app/features/dashboard/dashgrid/EditorTabBody.tsx

@@ -25,7 +25,7 @@ export interface EditorToolbarView {
   icon?: string;
   icon?: string;
   disabled?: boolean;
   disabled?: boolean;
   onClick?: () => void;
   onClick?: () => void;
-  render?: (closeFunction?: any) => JSX.Element | JSX.Element[];
+  render?: () => JSX.Element;
   action?: () => void;
   action?: () => void;
   buttonType: ToolbarButtonType;
   buttonType: ToolbarButtonType;
 }
 }

public/app/features/dashboard/dashgrid/StateHistory.tsx

@@ -69,9 +69,8 @@ class StateHistory extends PureComponent<Props, State> {
 
 
     return (
     return (
       <div>
       <div>
-        <div style={{ margin: '0 auto', maxWidth: '720px' }}>
         {stateHistoryItems.length > 0 && (
         {stateHistoryItems.length > 0 && (
-            <div style={{ marginBottom: '15px' }}>
+          <div className="p-b-1">
             <span className="muted">Last 50 state changes</span>
             <span className="muted">Last 50 state changes</span>
             <button className="btn btn-mini btn-danger pull-right" onClick={this.clearHistory}>
             <button className="btn btn-mini btn-danger pull-right" onClick={this.clearHistory}>
               <i className="fa fa-trash" /> {` Clear history`}
               <i className="fa fa-trash" /> {` Clear history`}
@@ -104,7 +103,6 @@ class StateHistory extends PureComponent<Props, State> {
           )}
           )}
         </ol>
         </ol>
       </div>
       </div>
-      </div>
     );
     );
   }
   }
 }
 }

public/sass/pages/_alerting.scss

@@ -107,6 +107,7 @@
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   flex-grow: 1;
   flex-grow: 1;
+  justify-content: center;
   overflow: hidden;
   overflow: hidden;
 }
 }