Fixing status icon alignment for various views (#36804)

* Fixing status icon alignment * review from pierre (cherry picked from commit 5407318)
apache · Feb 20, 2024 · 015f52b · 015f52b
1 parent 97b3997
commit 015f52b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/airflow/www/static/js/dag/StatusBox.tsx b/airflow/www/static/js/dag/StatusBox.tsx
@@ -65,6 +65,11 @@ export const SimpleStatus = ({ state, ...rest }: SimpleStatusProps) => (
     background={state && stateColors[state] ? stateColors[state] : "white"}
     borderRadius="2px"
     borderWidth={state ? 0 : 1}
+    display="flex"
+    flexDirection="column"
+    justifyContent="center"
+    alignItems="center"
+    style={{ marginTop: "auto", marginBottom: "auto" }}
     {...rest}
   />
 );