From adb40218b088f12e32916c4430fce687684db910 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Thu, 17 Dec 2020 16:34:48 -0800 Subject: [PATCH] ui: Introduce common styling for two column list group Signed-off-by: Sunil Mohan Adapa Reviewed-by: Veiko Aasa --- static/themes/default/css/main.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index 5b22d5b56..835c65226 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -321,6 +321,29 @@ footer { padding-top: 9.375rem; } +/* + * Bootstrap extensions + */ +/* Use .list-group-two-column when there are some items aligned to right */ +.list-group-two-column .list-group-item { + display: flex; + align-items: center; +} + +.list-group-two-column .list-group-item > :not(:last-child) { + margin-right: 0.25rem; +} + +.list-group-two-column .list-group-item > .secondary { + margin-left: auto; + margin-top: -0.25rem; + margin-bottom: -0.25rem; +} + +.list-group-two-column .list-group-item > .secondary ~ .secondary { + margin-left: 0; +} + /* * Clients information */