fixed the self service case view header style issues (#660)

* fixed the self service case view header style issues

* fix: Update package versions and improve styles for self-service case view

---------

Co-authored-by: manasa <[email protected]>
Co-authored-by: tumms2021389 <[email protected]>
Co-authored-by: Siva Rama Krishna <[email protected]>

Author: 3 people

package-lock.json

@@ -61,7 +61,7 @@
     "@angular/platform-browser": "^19.2.14",
     "@angular/platform-browser-dynamic": "^19.2.14",
     "@angular/router": "^19.2.14",
-    "@pega/angular-sdk-components": "~0.25.6",
+    "@pega/angular-sdk-components": "~0.25.7",
     "@pega/auth": "~0.2.34",
     "@pega/cosmos-react-condition-builder": "^7.0.4",
     "@pega/cosmos-react-core": "^7.0.4",
@@ -86,7 +86,7 @@
     "@angular/compiler-cli": "^19.2.14",
     "@angular/language-service": "^19.2.14",
     "@chromatic-com/storybook": "^3.2.7",
-    "@pega/angular-sdk-overrides": "~0.25.6",
+    "@pega/angular-sdk-overrides": "~0.25.7",
     "@pega/configs": "^0.16.3",
     "@pega/constellationjs": "~25.1.0",
     "@pega/dx-component-builder-sdk": "~0.25.7",

package.json

@@ -19,20 +19,35 @@
   // Self Service Case View styles for MediaCo sample app - start
   .psdk-flow-container-top {
     background-color: #fff !important;
-    padding: 2rem !important;
-    border-radius: 0 !important;
-    border-top-left-radius: 2rem !important;
-    border-bottom: gray 0.0625rem solid !important;
+    padding: 0 !important;
 
     h2:nth-child(1) {
       color: #46185a;
       font-weight: 700;
-      font-size: 36px;
+      font-size: 20px;
       padding-left: 1rem;
-      padding-top: 0.75rem;
-      margin: 0;
+      margin: 1rem 0 0;
     }
   }
+
+  .psdk-self-service-case-view {
+    background-color: #fff !important;
+    padding: 1rem 2rem !important;
+    border-radius: 0 !important;
+    border-top-left-radius: 2rem !important;
+  }
+
+  .psdk-self-service-case-view-header {
+    background-color: transparent !important;
+    padding: 1.5rem 0 0 1rem !important;
+  }
+
+  .heading {
+    color: #46185a !important;
+    font-weight: 700 !important;
+    font-size: 36px !important;
+  }
+
   // Self Service Case View styles for MediaCo sample app - end
 
   // Confirmation screen styles for MediaCo sample app - start