Improve detail bar on smaller screens (#921)

Author: janfaracik

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

@@ -2,9 +2,10 @@
   --bg-color: var(--color, var(--text-color-secondary));
 
   position: relative;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 0 0.5rem;
   // TODO - var fallback can removed after baseline is moved >= 2.496
   padding: 0.125rem calc(1rem + var(--jenkins-border-width, 2px));
   padding-right: 0.7rem;
@@ -33,6 +34,7 @@
     display: flex;
     align-items: center;
     gap: 0.75rem;
+    padding: 0.5rem 0;
 
     & > div {
       display: contents;