Fix run type icon alignment with run type text (#36616)

apache · Jan 5, 2024 · 70be78f · 70be78f
1 parent c47dcc5
commit 70be78f
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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;
   }