From 860ffc05602b148769b87d0cda39985feb9a8486 Mon Sep 17 00:00:00 2001 From: Yamagishi Kazutoshi Date: Tue, 23 May 2017 20:10:41 +0900 Subject: Focus the submit button (#3253) Focus the submit button when confirmation modal is opened. Also, changed cancellation link to button. This makes the meaning clearer. --- app/javascript/styles/components.scss | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) (limited to 'app/javascript/styles/components.scss') diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 863f7958c..992db014e 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3145,6 +3145,7 @@ button.icon-button.active i.fa-retweet { .boost-modal__action-bar, .confirmation-modal__action-bar { display: flex; + justify-content: space-between; background: $ui-secondary-color; padding: 10px; line-height: 36px; @@ -3179,14 +3180,9 @@ button.icon-button.active i.fa-retweet { } .confirmation-modal__action-bar { - & > div { - text-align: left; - padding: 0 16px; - } - - a { + .confirmation-modal__cancel-button { + background-color: transparent; color: darken($ui-secondary-color, 34%); - text-decoration: none; font-size: 14px; font-weight: 500; -- cgit