added underline to header part of page when buttonactions set

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

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

scm-ui/styles/scm.scss

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