diff --git a/awx/ui/client/legacy/styles/lists.less b/awx/ui/client/legacy/styles/lists.less index f7746f8664..8b834a5176 100644 --- a/awx/ui/client/legacy/styles/lists.less +++ b/awx/ui/client/legacy/styles/lists.less @@ -388,7 +388,7 @@ table, tbody { } .List-staticColumn--mediumStatus { - width: 51px; + width: 52px; padding-right: 0px!important; } diff --git a/awx/ui/client/lib/components/list/_index.less b/awx/ui/client/lib/components/list/_index.less index 3991d7757b..4a804086a4 100644 --- a/awx/ui/client/lib/components/list/_index.less +++ b/awx/ui/client/lib/components/list/_index.less @@ -133,6 +133,8 @@ grid-template-columns: 120px 1fr; align-items: center; line-height: @at-height-list-row-item; + word-wrap: break-word; + word-break: break-all; } .at-RowItem-status { @@ -184,6 +186,7 @@ margin: @at-space; padding: @at-padding-list-row-item-tag; line-height: @at-line-height-list-row-item-tag; + word-break: keep-all; } .at-RowItem-tag--primary { @@ -192,7 +195,6 @@ } .at-RowItem-tag--header { - height: @at-height-list-row-item-tag; line-height: inherit; } diff --git a/awx/ui/client/lib/theme/_variables.less b/awx/ui/client/lib/theme/_variables.less index bd36b0edab..88461fa08b 100644 --- a/awx/ui/client/lib/theme/_variables.less +++ b/awx/ui/client/lib/theme/_variables.less @@ -244,7 +244,7 @@ @at-padding-footer-right: @at-space-4x; @at-padding-footer-bottom: @at-space-4x; @at-padding-list-empty: @at-space-2x; -@at-padding-list-row-item-tag: 0 @at-space-2x; +@at-padding-list-row-item-tag: 3px 9px; @at-padding-list-row-action: 7px; @at-padding-list-row: 10px 20px 10px 10px; @at-padding-bottom-instances-wrap: 30px; @@ -295,7 +295,6 @@ @at-height-list-empty: 200px; @at-height-toolbar-action: 30px; @at-height-list-row-item: 27px; -@at-height-list-row-item-tag: 15px; @at-height-list-row-action: 30px; @at-height-side-nav-toggle-mobile: 40px;