From 543cfea1b4a1c1a0bc5691c3666aad9392ed4f54 Mon Sep 17 00:00:00 2001 From: Juan Cruz Viotti Date: Fri, 13 Jan 2017 17:37:35 -0400 Subject: [PATCH] fix(GUI): expand button in modal menu if its the only one (#1023) The `.modal-menu` class holds buttons that are shown at the bottom of the modal. If there are two buttons, the class will show them side by side with equal sizes, however if there is only one button, it will be incorrectly resized to 50% of the available space. Change-Type: patch Changelog-Entry: Fix alignment of single call to action buttons inside modals. Signed-off-by: Juan Cruz Viotti --- lib/gui/components/modal/styles/_modal.scss | 4 ++-- lib/gui/css/main.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/gui/components/modal/styles/_modal.scss b/lib/gui/components/modal/styles/_modal.scss index 1b98c45a..5dc09601 100644 --- a/lib/gui/components/modal/styles/_modal.scss +++ b/lib/gui/components/modal/styles/_modal.scss @@ -104,8 +104,8 @@ .modal-menu { display: flex; - > .button { - flex-basis: 50%; + > * { + flex-basis: auto; } } diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css index 9bf83ad5..e44af0d4 100644 --- a/lib/gui/css/main.css +++ b/lib/gui/css/main.css @@ -6276,8 +6276,8 @@ body { .modal-menu { display: flex; } - .modal-menu > .button, .modal-menu > .progress-button { - flex-basis: 50%; } + .modal-menu > * { + flex-basis: auto; } .modal-open { padding-right: 0 !important; }