Merge pull request #1299 from sg00dwin/label-stacking1269

Merged by openshift-bot

Author: OpenShift Bot

app/styles/_core.less

@@ -1159,14 +1159,14 @@ pre.clipped {
   margin-right: 5px;
   // A bit more space below the actions button.
   margin-top: 3px;
-  width: 100%; // needed to enable truncation within table
+  max-width: 100%; // needed to enable truncation within table, but still allow inline display if room is available
   &:before {
     content: ' ';
     white-space: normal;
   }
   .label-pair {
     margin-bottom: 2px;
-    width: 100%; // needed to enable truncation within table
+    max-width: 100%; // needed to enable truncation within table, but still allow inline display if room is available
   .label {
     // prevent short label-key or label-value from being truncated less than 4 characters
     min-width: 50px;

dist/styles/main.css

@@ -4106,9 +4106,9 @@ status-icon .spinner.spinner-inline{margin-left:.153846em;margin-right:.153846em
 .last-status status-icon .spinner.spinner-inline{margin-left:4px;margin-right:4px}
 pre.clipped{display:inline-block;margin-top:10px;max-width:100%}
 pre.clipped.scroll{max-height:150px;overflow:auto;width:100%}
-.k8s-label{margin-right:5px;margin-top:3px;width:100%}
+.k8s-label{margin-right:5px;margin-top:3px;max-width:100%}
 .k8s-label:before{content:' ';white-space:normal}
-.k8s-label .label-pair{margin-bottom:2px;width:100%}
+.k8s-label .label-pair{margin-bottom:2px;max-width:100%}
 .k8s-label .label-pair .label{min-width:50px}
 .k8s-label .label-pair .label:first-child{border-radius:2px 0 0 2px}
 .k8s-label .label-pair .label:last-child{border-radius:0 2px 2px 0}