@@ -18059,11 +18059,11 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "<uib-tab heading=\"Environment\" active=\"selectedTab.environment\" ng-if=\"buildConfig && !(buildConfig | isJenkinsPipelineStrategy)\">\n" +

     "<uib-tab-heading>Environment</uib-tab-heading>\n" +

     "<h3>Environment Variables</h3>\n" +

-    "<div style=\"margin-top: -5px\" ng-if=\"BCEnvVarsFromImage.length\">\n" +

+    "<p ng-if=\"BCEnvVarsFromImage.length\">\n" +

     "The builder image has additional environment variables defined. Variables defined below will overwrite any from the image with the same name.\n" +

     "<a href=\"\" ng-click=\"expand.imageEnv = true\" ng-if=\"!expand.imageEnv\">Show Image Environment Variables</a>\n" +

     "<a href=\"\" ng-click=\"expand.imageEnv = false\" ng-if=\"expand.imageEnv\">Hide Image Environment Variables</a>\n" +

-    "</div>\n" +

+    "</p>\n" +

     "<key-value-editor ng-if=\"expand.imageEnv\" entries=\"BCEnvVarsFromImage\" key-placeholder=\"Name\" value-placeholder=\"Value\" is-readonly cannot-add cannot-sort cannot-delete show-header></key-value-editor>\n" +

     "<ng-form name=\"forms.bcEnvVars\">\n" +

     "<div ng-if=\"'buildconfigs' | canI : 'update'\">\n" +

@@ -18883,7 +18883,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

   $templateCache.put('views/browse/image.html',

     "<project-header class=\"top-header\"></project-header>\n" +

-    "<project-page>\n" +

+    "<project-page class=\"image\">\n" +

     "\n" +

     "<div class=\"middle-section\">\n" +

     "<div class=\"middle-container\">\n" +

@@ -18985,7 +18985,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</dl>\n" +

     "<annotations annotations=\"imageStream.metadata.annotations\"></annotations>\n" +

     "</div>\n" +

-    "<table class=\"table table-bordered table-hover table-mobile\">\n" +

+    "<table class=\"table table-bordered table-hover table-mobile mar-top-xl\">\n" +

     "<thead>\n" +

     "<tr>\n" +

     "<th>Tag</th>\n" +

@@ -19164,7 +19164,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

   $templateCache.put('views/browse/pod.html',

     "<project-header class=\"top-header\"></project-header>\n" +

-    "<project-page>\n" +

+    "<project-page class=\"pod\">\n" +

     "\n" +

     "<div class=\"middle-section\">\n" +

     "<div class=\"middle-container\">\n" +

@@ -19258,7 +19258,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "When you navigate away from this pod, any open terminal connections will be closed. This will kill any foreground processes you started from the terminal.\n" +

     "</div>\n" +

     "<alerts ng-if=\"selectedTerminalContainer.status === 'disconnected'\" alerts=\"terminalDisconnectAlert\"></alerts>\n" +

-    "<div class=\"mar-left-xl mar-bottom-lg\">\n" +

+    "<div class=\"mar-left-xl\">\n" +

     "<div class=\"row\">\n" +

     "<div class=\"pad-left-none pad-bottom-md col-sm-6 col-lg-4\">\n" +

     "<span ng-if=\"pod.spec.containers.length === 1\">\n" +

@@ -19601,7 +19601,6 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</dl>\n" +

     "<div ng-if=\"!route.spec.tls\"><em>TLS is not enabled for this route</em></div>\n" +

     "</div>\n" +

-    "</div>\n" +

     "<annotations annotations=\"route.metadata.annotations\"></annotations>\n" +

     "</div>\n" +

     "</div>\n" +

@@ -19609,6 +19608,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</div>\n" +

     "</div>\n" +

     "</div>\n" +

+    "</div>\n" +

     "</project-page>"

   );

@@ -19778,7 +19778,6 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</div>\n" +

     "</div>\n" +

     "</dl>\n" +

-    "</div>\n" +

     "<annotations annotations=\"secret.metadata.annotations\"></annotations>\n" +

     "</div>\n" +

     "</div>\n" +

@@ -19786,6 +19785,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</div>\n" +

     "</div>\n" +

     "</div>\n" +

+    "</div>\n" +

     "</project-page>"

   );

@@ -19878,9 +19878,9 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "<div>\n" +

     "<traffic-table ports-by-route=\"portsByRoute\" routes=\"routesForService\" services=\"services\" show-node-ports=\"showNodePorts\" custom-name-header=\"'Route'\"></traffic-table>\n" +

     "</div>\n" +

-    "<div style=\"margin:-10px 0 10px 0\">\n" +

+    "<p>\n" +

     "Learn more about <a ng-href=\"{{'route-types' | helpLink}}\" target=\"_blank\">routes</a> and <a ng-href=\"{{'services' | helpLink}}\" target=\"_blank\">services</a>\n" +

-    "</div>\n" +

+    "</p>\n" +

     "<h3>Pods</h3>\n" +

     "<div>\n" +

     "<pods-table pods=\"podsForService\" active-pods=\"podsWithEndpoints\" custom-name-header=\"'Pod'\" pod-failure-reasons=\"podFailureReasons\"></pods-table>\n" +

@@ -21677,14 +21677,13 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

   $templateCache.put('views/directives/annotations.html',

-    "<div class=\"gutter-bottom\">\n" +

     "<p>\n" +

     "<a href=\"\" ng-click=\"toggleAnnotations()\" ng-if=\"!expandAnnotations\">Show Annotations</a>\n" +

     "<a href=\"\" ng-click=\"toggleAnnotations()\" ng-if=\"expandAnnotations\">Hide Annotations</a>\n" +

     "</p>\n" +

     "<div ng-if=\"expandAnnotations\">\n" +

     "<div ng-if=\"annotations\" class=\"table-responsive\">\n" +

-    "<table class=\"table table-bordered table-bordered-columns key-value-table\">\n" +

+    "<table class=\"table table-bordered table-bordered-columns key-value-table table-top-margin\">\n" +

     "<tbody>\n" +

     "<tr ng-repeat=\"(annotationKey, annotationValue) in annotations\">\n" +

     "<td class=\"key\">{{annotationKey}}</td>\n" +

@@ -21699,7 +21698,6 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "<p ng-if=\"!annotations\">\n" +

     "There are no annotations on this resource.\n" +

     "</p>\n" +

-    "</div>\n" +

     "</div>"

   );

@@ -25606,7 +25604,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

     "</div>\n" +

     "</div>\n" +

     "</ng-form>\n" +

-    "<div ng-if=\"mode.edit\" class=\"item-row\" row mobile=\"column\">\n" +

+    "<div ng-if=\"mode.edit\" row mobile=\"column\">\n" +

     "<div class=\"col-name hidden-xs\">&nbsp;</div>\n" +

     "<div class=\"action-set\" flex row tablet=\"column\" mobile=\"column\">\n" +

     "<div class=\"col-roles hidden-xs\" flex>&nbsp;</div>\n" +

@@ -25978,7 +25976,7 @@ var _scriptsTemplatesJs = []byte(`angular.module('openshiftConsoleTemplates', []

   $templateCache.put('views/monitoring.html',

     "<project-header class=\"top-header\"></project-header>\n" +

-    "<project-page>\n" +

+    "<project-page class=\"monitoring\">\n" +

     "\n" +

     "<div class=\"middle-section monitoring-page\" ng-class=\"{ 'sidebar-open': !renderOptions.collapseEventsSidebar }\">\n" +

     "<div class=\"middle-container\">\n" +

@@ -112824,7 +112822,6 @@ to{transform:rotate(359deg)}

 .copy-to-clipboard input.form-control:read-only{background-color:#fff;color:#363636}

 .copy-to-clipboard-multiline{position:relative;width:100%}

 .copy-to-clipboard-multiline a{box-shadow:none;position:absolute;right:0;top:0}

-.card-pf,.tile{box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09)}

 .copy-to-clipboard-multiline pre{background-color:#fff;max-width:100%;overflow-x:auto}

 .input-group-addon.wildcard-prefix{padding-left:10px}

 .editor-examples{padding:19px;margin-bottom:20px;border:1px solid #d1d1d1}

@@ -112832,6 +112829,7 @@ to{transform:rotate(359deg)}

 .compute-resource{margin-bottom:5px}

 @media (max-width:767px){.compute-resource .inline-select{margin-top:5px}

 }

+.card-pf{box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09)}

 .card-pf .image-icon,.card-pf .template-icon{font-size:28px;line-height:1;margin-right:15px;opacity:.38}

 .card-pf-badge{color:#999;font-size:11px;text-transform:uppercase}

 .card-pf-body{margin-bottom:0}

@@ -113232,7 +113230,6 @@ pre.clipped.scroll{max-height:150px;overflow:auto;width:100%}

 @media (max-width:768px){.k8s-label,.k8s-label .label-pair{width:100%}

 .k8s-label .label{display:block;min-width:50px}

 }

-labels+.resource-details{margin-top:10px}

 .ace-bordered{border:1px solid #8b8d8f}

 .ace-bordered.ace-read-only{border-color:#d1d1d1;background-color:#fafafa}

 .action-divider{color:#9c9c9c}

@@ -114105,9 +114102,9 @@ body,html{margin:0;padding:0}

 .console-os{background-color:#fff}

 .console-os .top-header{display:flex;position:relative;height:46px}

 .console-os .wrap{height:100vh;margin-top:-46px;padding-top:46px;position:relative;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex}

-.console-os .wrap.no-sidebar .container{padding-bottom:40px}

-.console-os .wrap.no-sidebar .container h1{margin:10px 0 20px}

+.console-os .wrap.no-sidebar h1{margin:10px 0 20px}

 .console-os .wrap.no-sidebar .middle{padding-top:30px}

+.console-os .wrap.chromeless .middle-content,.console-os .wrap.chromeless .middle-header{margin:0!important;padding:0!important}

 .console-os .middle,.console-os .sidebar-left,.console-os .sidebar-right{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;position:relative}

 .console-os .sidebar-left{background:#30363d;padding:0;position:relative}

 @media (max-width:767px){.console-os .sidebar-left{border-top:0;padding-left:0;padding-right:0}

@@ -114117,7 +114114,8 @@ body,html{margin:0;padding:0}

 .console-os .middle .middle-section{position:absolute;top:0;left:0;height:100%;width:100%}

 .console-os .middle .middle-section .middle-container{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}

 .console-os .middle .middle-section .middle-container .middle-header{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:20px}

-.console-os .middle .middle-section .middle-container .middle-content{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}

+.console-os .middle .middle-section .middle-container .middle-content{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding-bottom:40px;position:relative;width:100%}

+.console-os .overview .middle .middle-section .middle-container .middle-content{padding-bottom:20px}

 .header-toolbar{background-color:#fff;border-bottom:1px solid #e4e4e4}

 .surface-shaded{background-color:#f2f2f2}

 @media (min-width:768px){.layout-pf-alt-fixed .nav-pf-vertical-alt{position:fixed;bottom:0;overflow:visible}

@@ -114141,6 +114139,7 @@ body,html{margin:0;padding:0}

 .right-section .right-container .right-header{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}

 .right-section .right-container .right-content{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;overflow-x:hidden;overflow-y:auto;width:100%}

 }

+.middle-content .tab-content .key-value-editor-entry:last-child .form-group,.middle-content .tab-content key-value-editor+button.btn,.middle-content .table:last-child,.middle-content annotations p,.middle-content annotations:last-child,project-page.image registry-image-config>:last-child>dl,project-page.image registry-image-meta .dl-horizontal,project-page.membership .content-pane>.item-row:nth-last-child(2),project-page.monitoring .col-md-12>:last-child .list-view-pf,project-page.pod .log-view{margin-bottom:0}

 @media (min-width:992px){.console-os .sidebar-right{-webkit-flex:0 0 310px;-moz-flex:0 0 310px;-ms-flex:0 0 310px;flex:0 0 310px}

 .console-os .sidebar-right .right-section{width:310px}

 }

@@ -114154,6 +114153,8 @@ body,html{margin:0;padding:0}

 .console-os .wrap.show-sidebar-right .sidebar-right{-webkit-flex:0 0 480px;-moz-flex:0 0 480px;-ms-flex:0 0 480px;flex:0 0 480px}

 .console-os .wrap.show-sidebar-right .sidebar-right .right-section{width:480px}

 }

+.middle-content pods-table{display:block;padding-bottom:20px}

+.middle-content pods-table.gutter-bottom-2x{padding-bottom:40px}

 .table{background-color:#fff}

 .table.table-bordered>tbody>tr>td,.table.table-bordered>thead>tr>th{border-left:0;border-right:0;padding-bottom:8px;padding-top:8px;vertical-align:middle}

 .table.table-bordered.table-bordered-columns>tbody>tr>td,.table.table-bordered.table-bordered-columns>thead>tr>th{border:1px solid #d1d1d1}

@@ -114167,9 +114168,7 @@ body,html{margin:0;padding:0}

 .events .data-toolbar .search-pf{margin-bottom:10px;width:100%}

 .events .data-toolbar .sort-label{margin-right:4px;vertical-align:-1px}

 .events .data-toolbar .sort-controls{display:inline-block}

-@media (min-width:768px){.events .data-toolbar{padding-bottom:20px}

-.events .data-toolbar.gutter-bottom-2x{padding-bottom:40px}

-.events .data-toolbar .filter-controls,.events .data-toolbar .sort-group{display:inline-block}

+@media (min-width:768px){.events .data-toolbar .filter-controls,.events .data-toolbar .sort-group{display:inline-block}

 .events .data-toolbar .search-pf{margin-bottom:0;width:300px}

 }

 @media (max-width:767px){.table-mobile{border-top:2px solid #d1d1d1;table-layout:fixed}

@@ -114187,6 +114186,7 @@ td[role=presentation].arrow:after{content:"\2193"}

 @media (min-width:768px){td[role=presentation].arrow:after{content:"\2192"}

 }

 .table-filter-wrapper{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;padding:10px 10px 5px;border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;background-color:#f9f9f9}

+.table-filter-wrapper .form-group{margin-bottom:5px}

 .events-table{table-layout:fixed}

 .events-table th#time{width:90px}

 .events-table th#kind-name{width:190px}

@@ -114201,7 +114201,7 @@ td[role=presentation].arrow:after{content:"\2193"}

 .key-value-table>tbody>tr>td.value .truncated-content{white-space:pre}

 .table-word-break-all td{word-break:break-all;word-break:break-word;overflow-wrap:break-word}

 .table-word-break-all td.word-break-normal{word-break:normal;overflow-wrap:normal}

-.tile{background:#fff;padding:20px;margin-bottom:20px;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}

+.tile{background:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09);padding:20px;margin-bottom:20px;word-wrap:break-word;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}

 .tile h1,.tile h2,.tile h3{margin:10.5px 0px}

 .tile-click{cursor:pointer;position:relative}

 .tile-click:hover .image-icon,.tile-click:hover .template-icon{opacity:.75}