(airflow) 10/32: Fixing status icon alignment for various views (#36804)

[ephraimanierobi]

This is an automated email from the ASF dual-hosted git repository.

ephraimanierobi pushed a commit to branch v2-8-test
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 2fef8d7ba341f2580ca04b42b819dc58f0fc1141
Author: Amogh Desai <amoghrajesh1...@gmail.com>
AuthorDate: Wed Jan 31 10:19:46 2024 +0530

    Fixing status icon alignment for various views (#36804)
    
    * Fixing status icon alignment
    
    * review from pierre
    
    (cherry picked from commit 54073182552f7ba40fedff89f984d4402def453e)
---
 airflow/www/static/js/dag/StatusBox.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/airflow/www/static/js/dag/StatusBox.tsx 
b/airflow/www/static/js/dag/StatusBox.tsx
index 80673d1bc2..f84ce9c9e8 100644
--- 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}
   />
 );