Remove margin that causes errant spacing when build icon and message not shown

Author: sg00dwin

app/styles/_overview.less

@@ -23,7 +23,11 @@
   }
 }
 .builds-label {
+  display: inline-block;
   margin-right: 5px;
+  @media (max-width: @screen-sm-max) {
+    margin-top: 5px;
+  }
 }
 .mini-donut-link {
   color: @gray-darker;
@@ -54,7 +58,10 @@
 }
 .notification-icon-count {
   display: inline-block;
-  margin: 0 5px 0 0;
+  margin: 5px 5px 0 0;
+  @media (min-width: @screen-md-min) {
+    margin-top: 0;
+  }
   [data-toggle="tooltip"] {
     cursor: help;
   }
@@ -227,6 +234,12 @@
     @media (min-width: @screen-sm-min) {
       justify-content: flex-end;
     }
+    @media(max-width: @screen-xs-max) {
+        &.deployment-in-progress-msg {
+        margin-top: 5px;
+        width: 100%;
+      }
+    }
   }
   .list-pf-expansion.in {
     .deployment-donut > div[row] {
@@ -427,11 +440,9 @@
       }
     }
   }
-  .status-icons {
-    margin-top: 5px;
-    @media (min-width: @screen-md-min) {
+  @media (min-width: @screen-md-min) {
+    .status-icons {
       margin-right: 15px;
-      margin-top: 0;
       width: 40%;
     }
   }

app/views/overview/_list-row-content.html

@@ -35,7 +35,7 @@ <h3>
     No deployments for <a ng-href="{{row.apiObject | navigateResourceURL}}">{{row.apiObject.metadata.name}}</a>
   </span>
 </div>
-<div ng-if="row.isDeploymentInProgress()" class="list-pf-details">
+<div ng-if="row.isDeploymentInProgress()" class="list-pf-details deployment-in-progress-msg">
   <div ng-if="row.apiObject.kind === 'DeploymentConfig'">
     <span class="mar-right-sm">
       <span class="hidden-xs">

dist/scripts/templates.js

@@ -11768,7 +11768,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "No deployments for <a ng-href=\"{{row.apiObject | navigateResourceURL}}\">{{row.apiObject.metadata.name}}</a>\n" +
     "</span>\n" +
     "</div>\n" +
-    "<div ng-if=\"row.isDeploymentInProgress()\" class=\"list-pf-details\">\n" +
+    "<div ng-if=\"row.isDeploymentInProgress()\" class=\"list-pf-details deployment-in-progress-msg\">\n" +
     "<div ng-if=\"row.apiObject.kind === 'DeploymentConfig'\">\n" +
     "<span class=\"mar-right-sm\">\n" +
     "<span class=\"hidden-xs\">\n" +

dist/styles/main.css

@@ -178,7 +178,7 @@ kubernetes-container-terminal{position:relative;display:block}
 kubernetes-container-terminal .terminal{font-family:"Monospace Regular","DejaVu Sans Mono",Menlo,Monaco,Consolas,monospace;font-size:10px;color:#F0F0F0;text-align:left;outline:0;background-color:#000;border:1px solid #000;padding:10px;display:inline-block;line-height:1em}
 @media (min-width:568px){kubernetes-container-terminal .terminal{font-size:12px}
 }
-kubernetes-container-terminal .terminal-cursor{color:#000;background:#f0f0f0}
+kubernetes-container-terminal .terminal-cursor{background:#f0f0f0;color:#000;position:absolute}
 kubernetes-container-terminal .terminal-wrapper{display:inline-block;vertical-align:top}
 kubernetes-container-terminal .terminal-actions{display:inline-block;vertical-align:top;position:absolute;top:10px;right:34px;z-index:1}
 .spinner-white{border-bottom:4px solid rgba(255,255,255,.25)!important;border-left:4px solid rgba(255,255,255,.25)!important;border-right:4px solid rgba(255,255,255,.25)!important;border-top:4px solid rgba(255,255,255,.75)!important}