From 90ea8a84d1feeef2bc34314fa2c2d4f9225e3902 Mon Sep 17 00:00:00 2001
From: richa <richa.bisht@suse.com>
Date: Tue, 23 Jul 2024 19:31:29 +0200
Subject: [PATCH] Fixed broken layout of system highstate page (#8933)

---
 .../code/src/com/suse/manager/webui/utils/ViewHelper.java | 3 ++-
 .../src/branding/css/susemanager/components/buttons.scss  | 8 ++++++++
 web/html/src/core/spa/view-helper.ts                      | 1 +
 web/html/src/manager/state/display-highstate.tsx          | 2 +-
 ...changes.bisht-richa.fixed-system-highstate-page-layout | 1 +
 5 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 web/spacewalk-web.changes.bisht-richa.fixed-system-highstate-page-layout

diff --git a/java/code/src/com/suse/manager/webui/utils/ViewHelper.java b/java/code/src/com/suse/manager/webui/utils/ViewHelper.java
index 64a942c0d3ef..46eff70b0af2 100644
--- a/java/code/src/com/suse/manager/webui/utils/ViewHelper.java
+++ b/java/code/src/com/suse/manager/webui/utils/ViewHelper.java
@@ -84,7 +84,8 @@ public enum ViewHelper {
         "/rhn/channels/ChannelDetail.do",
         "/rhn/software/packages/Details.do",
         "/rhn/manager/systems/details/formulas",
-        "/rhn/manager/cm/imagestores"
+        "/rhn/manager/cm/imagestores",
+        "/rhn/manager/systems/details/highstate"
     );
 
     ViewHelper() { }
diff --git a/web/html/src/branding/css/susemanager/components/buttons.scss b/web/html/src/branding/css/susemanager/components/buttons.scss
index 54e81df03b27..42cd59aa318c 100644
--- a/web/html/src/branding/css/susemanager/components/buttons.scss
+++ b/web/html/src/branding/css/susemanager/components/buttons.scss
@@ -11,6 +11,14 @@
   }
 }
 
+.btn {
+  &,
+  &:active,
+  &:first-child:active {
+    border-color: transparent;
+  }
+}
+
 .btn,
 .btn-default,
 .btn-primary,
diff --git a/web/html/src/core/spa/view-helper.ts b/web/html/src/core/spa/view-helper.ts
index 35bce1959b09..303d3c204ba2 100644
--- a/web/html/src/core/spa/view-helper.ts
+++ b/web/html/src/core/spa/view-helper.ts
@@ -28,6 +28,7 @@ const BOOTSTRAP_READY_PAGES: string[] = [
   "/rhn/software/packages/Details.do",
   "/rhn/manager/systems/details/formulas",
   "/rhn/manager/cm/imagestores",
+  "/rhn/manager/systems/details/highstate",
 ];
 
 export const onEndNavigate = () => {
diff --git a/web/html/src/manager/state/display-highstate.tsx b/web/html/src/manager/state/display-highstate.tsx
index f0b5e276c5af..dde0cee22204 100644
--- a/web/html/src/manager/state/display-highstate.tsx
+++ b/web/html/src/manager/state/display-highstate.tsx
@@ -5,7 +5,7 @@ import HighstateSummary from "./highstate-summary";
 
 function MinionHighstateSingle({ minion }: { minion: { id: number; name: string } }) {
   return (
-    <div className="row">
+    <div>
       <h3>{t("State Summary for {name}", { name: minion.name })}</h3>
       <HighstateSummary minionId={minion.id} />
     </div>
diff --git a/web/spacewalk-web.changes.bisht-richa.fixed-system-highstate-page-layout b/web/spacewalk-web.changes.bisht-richa.fixed-system-highstate-page-layout
new file mode 100644
index 000000000000..963bdff1060c
--- /dev/null
+++ b/web/spacewalk-web.changes.bisht-richa.fixed-system-highstate-page-layout
@@ -0,0 +1 @@
+- Fixed broken layout of system highstate page