From 028087b5a6e94fd98542d0e681d947979eb1011f Mon Sep 17 00:00:00 2001
From: Brent Bovenzi <brent.bovenzi@gmail.com>
Date: Thu, 12 May 2022 15:47:24 -0400
Subject: [PATCH] Move around overflow, position and padding (#23044)

---
 airflow/www/static/css/graph.css | 19 +++++++++++++++++++
 airflow/www/static/js/graph.js   |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/airflow/www/static/css/graph.css b/airflow/www/static/css/graph.css
index ccf353b53efdb..5d30cb43e4d50 100644
--- a/airflow/www/static/css/graph.css
+++ b/airflow/www/static/css/graph.css
@@ -125,6 +125,25 @@ g.node text {
   border-radius: 4px;
   background-color: #f0f0f0;
   cursor: move;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+}
+
+#graph-svg {
+  overflow: visible;
+}
+
+.refresh-actions {
+  justify-content: flex-end;
+  min-width: 225px;
+  display: inline-flex;
+  align-items: center;
+  right: 20px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+  position: absolute;
+  background-color: #f0f0f0ee; /* the last two chars apply an opacity to the background color */
 }
 
 .legend-item.dag {
diff --git a/airflow/www/static/js/graph.js b/airflow/www/static/js/graph.js
index a205593467b70..d45557a3f64df 100644
--- a/airflow/www/static/js/graph.js
+++ b/airflow/www/static/js/graph.js
@@ -246,7 +246,7 @@ function setUpZoomSupport() {
   const graphWidth = g.graph().width;
   const graphHeight = g.graph().height;
   // Get SVG dimensions
-  const padding = 20;
+  const padding = 80;
   const svgBb = svg.node().getBoundingClientRect();
   const width = svgBb.width - padding * 2;
   const height = svgBb.height - padding; // we are not centering the dag vertically