added underline to header part of page when buttonactions set

scm-ui-components/packages/ui-components/src/layout/Page.js

@@ -39,13 +39,11 @@ class Page extends React.Component<Props> {
         pageActionsExists = true;
       }
     });
+    let underline = pageActionsExists ? <hr className="header-with-actions" /> : null;
 
     return (
-      <div
-        className={
-          pageActionsExists ? "columns page-header-with-actions" : "columns"
-        }
-      >
+      <>
+        <div className="columns">
           <div className="column">
             <Title title={title} />
             <Subtitle subtitle={subtitle} />
@@ -54,6 +52,8 @@ class Page extends React.Component<Props> {
             <div className="is-pulled-right">{content}</div>
           </div>
         </div>
+        {underline}
+      </>
     );
   }
 

scm-ui/styles/scm.scss

@@ -42,9 +42,11 @@ $info: $blue;
   min-height: calc(100vh - 260px);
 }
 
-// top section when pageactions set
-.page-header-with-actions {
-  border-bottom: 1px solid $primary;
+// shown in top section when pageactions set
+hr.header-with-actions {
+  height: 1px;
+  margin-top: -10px;
+  background-color: $primary;
 }
 
 .footer {