diff --git a/assets/css/general.scss b/assets/css/general.scss index 786e165d..29778b99 100644 --- a/assets/css/general.scss +++ b/assets/css/general.scss @@ -39,7 +39,10 @@ body .ui-draggable .ui-dialog-titlebar { padding: 12px 10px; margin-bottom: 10px; border: none; - border-radius: 0; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } body .ui-dialog { @@ -54,10 +57,6 @@ body .ui-dialog .ui-dialog-buttonpane { border: none; } -body .ui-dialog .ui-dialog-buttonpane .btn { - min-width: 120px; -} - body .ui-button .ui-icon, body .ui-button:hover .ui-icon { background-image: url('../ext/jquery-ui/images/ui-icons_222222_256x240.png'); @@ -72,6 +71,10 @@ body .ui-widget.ui-widget-content { padding: 0; } +body .ui-dialog-buttons { + border-radius: 0.25rem; +} + body #ui-datepicker-div { margin-top: 5px; z-index: 1100 !important; diff --git a/assets/js/utils/message.js b/assets/js/utils/message.js index 82ebec30..10fb8e77 100644 --- a/assets/js/utils/message.js +++ b/assets/js/utils/message.js @@ -66,7 +66,13 @@ window.App.Utils.Message = (function () { $messageBox.dialog('open'); - $('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-outline-secondary'); + $('.ui-dialog .ui-dialog-buttonset button:not(:last)').addClass('btn btn-secondary'); + $('.ui-dialog .ui-dialog-buttonset button:last').addClass('btn btn-primary').focus(); + $('.ui-dialog .ui-dialog-buttonset button:last').prepend( + $('', { + 'class': 'fas fa-check-square me-2' + }) + ); $('#message-box .ui-dialog-titlebar-close').hide(); }