Ensure VEO overlay is full height of screen

ui/src/dashboards/components/DashboardPage.tsx

@@ -202,7 +202,7 @@ class DashboardPage extends Component<Props, State> {
               onAddCell={this.handleAddCell}
             />
           )}
-          <Overlay visible={isShowingVEO}>
+          <Overlay visible={isShowingVEO} className="veo-overlay">
             <VEO onHide={this.handleHideVEO} onSave={this.handleSaveVEO} />
           </Overlay>
         </HoverTimeProvider>

ui/src/dashboards/components/VEO.scss

@@ -25,6 +25,12 @@
   display: flex;
   align-items: stretch;
   width: 100%;
-  flex: 0 0 calc(100% - #{$page-header-size}); 
+  flex: 0 0 calc(100% - #{$page-header-size});
   padding-bottom: $ix-marg-c;
 }
+
+.veo-overlay {
+  .overlay--transition {
+    height: 100%;
+  }
+}