Add label to stage view

Author: janfaracik

src/main/frontend/pipeline-console-view/pipeline-console/main/PipelineConsole.tsx

@@ -58,6 +58,7 @@ export default function PipelineConsole() {
         {(mainViewVisibility === "both" ||
           mainViewVisibility === "stageOnly") && (
           <div className={"pgv-graph-view-thing"}>
+            <div className={"pgv-graph-view-thing__heading"}>Stage</div>
             <PipelineGraph
               stages={stages}
               onStageSelect={handleStageSelect}

src/main/frontend/pipeline-console-view/pipeline-console/main/pipeline-console.scss

@@ -12,6 +12,16 @@
   border-radius: var(--form-input-border-radius);
   overflow: hidden;
   height: 100%;
+
+  &__heading {
+    display: flex;
+    min-height: 40px;
+    align-items: center;
+    padding-left: 0.75rem;
+    font-weight: var(--font-bold-weight);
+    font-size: var(--font-size-sm);
+    color: var(--text-color-secondary);
+  }
 }
 
 .ansi-fg-0 {

src/main/frontend/pipeline-console-view/pipeline-console/main/split-view.scss

@@ -3,6 +3,7 @@
   display: grid;
   gap: var(--section-padding);
   animation: fade-in 0.1s ease-in-out both;
+  min-height: calc((100vh + var(--section-padding)) - (var(--header-height) + 46px + 64px));
 }
 
 @keyframes fade-in {