From 5d887bce673d4049f8e0fbdc5929368b6ae9d582 Mon Sep 17 00:00:00 2001 From: Neil MacDougall Date: Thu, 21 Jun 2018 09:50:02 +0100 Subject: [PATCH 1/2] Center align icon and align text to it --- .../list/list-table/table-row/table-row.component.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss b/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss index ff66f45959..de8d1874bd 100644 --- a/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss +++ b/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss @@ -57,13 +57,13 @@ } } &__error { + align-items: center; display: none; - justify-content: middle; &-message { flex: 1; line-height: 20px; - margin: 15px 20%; - text-align: center; + margin: 15px 36px; + text-align: left; } &-icon { padding-left: 18px; From ce66ae1f4046745cc3a4a5a8f28e0855b1b1e826 Mon Sep 17 00:00:00 2001 From: Richard Cox Date: Thu, 21 Jun 2018 13:38:38 +0100 Subject: [PATCH 2/2] Sneak in padding change to align error icon with content of first column --- .../list/list-table/table-row/table-row.component.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss b/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss index de8d1874bd..7999adb3e7 100644 --- a/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss +++ b/src/frontend/app/shared/components/list/list-table/table-row/table-row.component.scss @@ -66,7 +66,7 @@ text-align: left; } &-icon { - padding-left: 18px; + padding-left: 24px; } } &__blocker {