From 9d3de7f6f02d4237b365e63c445d6001e3c380a8 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Mon, 2 Dec 2024 09:35:05 +0100
Subject: [PATCH] fix(ObjectStatus): fix icon alignment in large & inverted
 mode

---
 .../ObjectStatus/ObjectStatus.module.css      | 96 +++++++++----------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/packages/main/src/components/ObjectStatus/ObjectStatus.module.css b/packages/main/src/components/ObjectStatus/ObjectStatus.module.css
index 53875893dd3..744e4538ba2 100644
--- a/packages/main/src/components/ObjectStatus/ObjectStatus.module.css
+++ b/packages/main/src/components/ObjectStatus/ObjectStatus.module.css
@@ -152,54 +152,6 @@
   }
 }
 
-.large {
-  font-size: 1.5rem;
-  font-family: var(--sapFontLightFamily);
-
-  [ui5-icon],
-  .icon {
-    height: 1.5rem;
-    width: 1.5rem;
-  }
-
-  .icon {
-    vertical-align: middle;
-  }
-
-  .text {
-    line-height: normal;
-    vertical-align: middle;
-  }
-
-  &.inverted {
-    font-size: 1.25rem;
-    font-family: var(--sapFontSemiboldDuplexFamily);
-    padding: 0.125rem 0.25rem;
-
-    [ui5-icon],
-    .icon {
-      height: 1.25rem;
-      width: 1.25rem;
-    }
-
-    &[data-icon-only='true'] {
-      padding: 0 0.25rem;
-      min-width: 1.75rem;
-      height: auto;
-    }
-
-    [data-icon-only='true'] {
-      height: 1.5rem;
-      width: 1.5rem;
-
-      [ui5-icon] {
-        height: 1.5rem;
-        width: 1.5rem;
-      }
-    }
-  }
-}
-
 .active {
   cursor: pointer;
 
@@ -267,6 +219,54 @@
   }
 }
 
+.large {
+  font-size: 1.5rem;
+  font-family: var(--sapFontLightFamily);
+
+  [ui5-icon],
+  .icon {
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+
+  .icon {
+    vertical-align: middle;
+  }
+
+  .text {
+    line-height: normal;
+    vertical-align: middle;
+  }
+
+  &.inverted {
+    font-size: 1.25rem;
+    font-family: var(--sapFontSemiboldDuplexFamily);
+    padding: 0.125rem 0.25rem;
+
+    [ui5-icon],
+    .icon {
+      height: 1.25rem;
+      width: 1.25rem;
+    }
+
+    &[data-icon-only='true'] {
+      padding: 0 0.25rem;
+      min-width: 1.75rem;
+      height: auto;
+    }
+
+    [data-icon-only='true'] {
+      height: 1.5rem;
+      width: 1.5rem;
+
+      [ui5-icon] {
+        height: 1.5rem;
+        width: 1.5rem;
+      }
+    }
+  }
+}
+
 /* Inverted Value State Styles */
 .objectStatus:is(.inverted.negative) {
   text-shadow: var(--sapContent_ContrastTextShadow);