(airflow) branch main updated: Fix run type icon alignment with run type text (#36616)

[bbovenzi]

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

bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new 70be78f4e7 Fix run type icon alignment with run type text (#36616)
70be78f4e7 is described below

commit 70be78f4e7cea07c759802ed9af51408d36184cf
Author: shohamy7 <46799583+shoha...@users.noreply.github.com>
AuthorDate: Fri Jan 5 18:25:45 2024 +0200

    Fix run type icon alignment with run type text (#36616)
---
 airflow/www/static/js/components/RunTypeIcon.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/airflow/www/static/js/components/RunTypeIcon.tsx 
b/airflow/www/static/js/components/RunTypeIcon.tsx
index 4618562630..19e59babd3 100644
--- a/airflow/www/static/js/components/RunTypeIcon.tsx
+++ b/airflow/www/static/js/components/RunTypeIcon.tsx
@@ -29,16 +29,21 @@ interface Props extends IconBaseProps {
   runType: DagRun["runType"];
 }
 
+const iconStyle = {
+  display: "inline",
+  verticalAlign: "bottom",
+};
+
 const DagRunTypeIcon = ({ runType, ...rest }: Props) => {
   switch (runType) {
     case "manual":
-      return <MdPlayArrow style={{ display: "inline" }} {...rest} />;
+      return <MdPlayArrow style={iconStyle} {...rest} />;
     case "backfill":
-      return <RiArrowGoBackFill style={{ display: "inline" }} {...rest} />;
+      return <RiArrowGoBackFill style={iconStyle} {...rest} />;
     case "scheduled":
-      return <MdOutlineSchedule style={{ display: "inline" }} {...rest} />;
+      return <MdOutlineSchedule style={iconStyle} {...rest} />;
     case "dataset_triggered":
-      return <HiDatabase style={{ display: "inline" }} {...rest} />;
+      return <HiDatabase style={iconStyle} {...rest} />;
     default:
       return null;
   }