Replaced the btn light class with btn outline secondary

This commit is contained in:
Alex Tselegidis 2020-09-28 15:24:29 +03:00
parent cab9aed12f
commit 06956e82d0
20 changed files with 73 additions and 67 deletions

View file

@ -9,7 +9,9 @@
<p><?= $cookie_notice_content ?></p> <p><?= $cookie_notice_content ?></p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div> </div>
</div> </div>
</div> </div>

View file

@ -9,7 +9,9 @@
<p><?= $privacy_policy_content ?></p> <p><?= $privacy_policy_content ?></p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div> </div>
</div> </div>
</div> </div>

View file

@ -9,7 +9,9 @@
<p><?= $terms_and_conditions_content ?></p> <p><?= $terms_and_conditions_content ?></p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-light" data-dismiss="modal"><?= lang('close') ?></button> <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<?= lang('close') ?>
</button>
</div> </div>
</div> </div>
</div> </div>

View file

@ -519,7 +519,7 @@
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button id="cancel-custom-availability-period" class="btn btn-light" data-dismiss="modal"> <button id="cancel-custom-availability-period" class="btn btn-outline-secondar" data-dismiss="modal">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
@ -550,7 +550,7 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button id="close-calendar" class="btn btn-light" data-dismiss="modal"> <button id="close-calendar" class="btn btn-outline-secondary" data-dismiss="modal">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -35,10 +35,10 @@
<div class="input-group-addon"> <div class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -61,14 +61,14 @@
<?php endif ?> <?php endif ?>
<?php if ($privileges[PRIV_CUSTOMERS]['edit'] === TRUE): ?> <?php if ($privileges[PRIV_CUSTOMERS]['edit'] === TRUE): ?>
<button id="edit-customer" class="btn btn-light" disabled="disabled"> <button id="edit-customer" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<?php endif ?> <?php endif ?>
<?php if ($privileges[PRIV_CUSTOMERS]['delete'] === TRUE): ?> <?php if ($privileges[PRIV_CUSTOMERS]['delete'] === TRUE): ?>
<button id="delete-customer" class="btn btn-light" disabled="disabled"> <button id="delete-customer" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -80,7 +80,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-customer" class="btn btn-light"> <button id="cancel-customer" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -51,10 +51,10 @@
<span class="input-group-addon"> <span class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -73,11 +73,11 @@
<i class="far fa-plus-square mr-2"></i> <i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?> <?= lang('add') ?>
</button> </button>
<button id="edit-service" class="btn btn-light" disabled="disabled"> <button id="edit-service" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<button id="delete-service" class="btn btn-light" disabled="disabled"> <button id="delete-service" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -88,7 +88,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-service" class="btn btn-light"> <button id="cancel-service" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
@ -171,10 +171,10 @@
<span class="input-group-addon"> <span class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -193,11 +193,11 @@
<i class="far fa-plus-square mr-2"></i> <i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?> <?= lang('add') ?>
</button> </button>
<button id="edit-category" class="btn btn-light" disabled="disabled"> <button id="edit-category" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<button id="delete-category" class="btn btn-light" disabled="disabled"> <button id="delete-category" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -208,7 +208,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-category" class="btn btn-light"> <button id="cancel-category" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -67,10 +67,10 @@
<span class="input-group-addon"> <span class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -89,11 +89,11 @@
<i class="far fa-plus-square mr-2"></i> <i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?> <?= lang('add') ?>
</button> </button>
<button id="edit-provider" class="btn btn-light" disabled="disabled"> <button id="edit-provider" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<button id="delete-provider" class="btn btn-light" disabled="disabled"> <button id="delete-provider" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -104,7 +104,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-provider" class="btn btn-light"> <button id="cancel-provider" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
@ -333,10 +333,10 @@
<span class="input-group-addon"> <span class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -356,11 +356,11 @@
<i class="far fa-plus-square mr-2"></i> <i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?> <?= lang('add') ?>
</button> </button>
<button id="edit-secretary" class="btn btn-light" disabled="disabled"> <button id="edit-secretary" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<button id="delete-secretary" class="btn btn-light" disabled="disabled"> <button id="delete-secretary" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -371,7 +371,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-secretary" class="btn btn-light"> <button id="cancel-secretary" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
@ -501,10 +501,10 @@
<span class="input-group-addon"> <span class="input-group-addon">
<div> <div>
<button class="filter btn btn-light" type="submit" title="<?= lang('filter') ?>"> <button class="filter btn btn-outline-secondary" type="submit" title="<?= lang('filter') ?>">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="clear btn btn-light" type="button" title="<?= lang('clear') ?>"> <button class="clear btn btn-outline-secondary" type="button" title="<?= lang('clear') ?>">
<i class="fas fa-redo-alt"></i> <i class="fas fa-redo-alt"></i>
</button> </button>
</div> </div>
@ -524,11 +524,11 @@
<i class="far fa-plus-square mr-2"></i> <i class="far fa-plus-square mr-2"></i>
<?= lang('add') ?> <?= lang('add') ?>
</button> </button>
<button id="edit-admin" class="btn btn-light" disabled="disabled"> <button id="edit-admin" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-edit mr-2"></i> <i class="far fa-edit mr-2"></i>
<?= lang('edit') ?> <?= lang('edit') ?>
</button> </button>
<button id="delete-admin" class="btn btn-light" disabled="disabled"> <button id="delete-admin" class="btn btn-outline-secondary" disabled="disabled">
<i class="far fa-trash-alt mr-2"></i> <i class="far fa-trash-alt mr-2"></i>
<?= lang('delete') ?> <?= lang('delete') ?>
</button> </button>
@ -539,7 +539,7 @@
<i class="far fa-check-square mr-2"></i> <i class="far fa-check-square mr-2"></i>
<?= lang('save') ?> <?= lang('save') ?>
</button> </button>
<button id="cancel-admin" class="btn btn-light"> <button id="cancel-admin" class="btn btn-outline-secondary">
<i class="fas fa-ban mr-2"></i> <i class="fas fa-ban mr-2"></i>
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -39,7 +39,7 @@
<?= lang('book_appointment_title') ?> <?= lang('book_appointment_title') ?>
</a> </a>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large"> <a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i> <i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?> <?= lang('backend_section') ?>
</a> </a>

View file

@ -45,7 +45,7 @@
<?php endif; ?> <?php endif; ?>
<div> <div>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large"> <a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i> <i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?> <?= lang('backend_section') ?>
</a> </a>

View file

@ -37,7 +37,7 @@
<?= lang('book_appointment_title') ?> <?= lang('book_appointment_title') ?>
</a> </a>
<a href="<?= site_url('backend') ?>" class="btn btn-light btn-large"> <a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i> <i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?> <?= lang('backend_section') ?>
</a> </a>

View file

@ -139,7 +139,7 @@ window.Backend = window.Backend || {};
actions.forEach(function(action) { actions.forEach(function(action) {
$('<button/>', { $('<button/>', {
'class': 'btn btn-light btn-xs', 'class': 'btn btn-outline-secondary btn-xs',
'text': action.label, 'text': action.label,
'on': { 'on': {
'click': action.function 'click': action.function

View file

@ -317,7 +317,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo('#calendar'); .appendTo('#calendar');
$('<button/>', { $('<button/>', {
'class': 'btn btn-xs btn-light previous mr-2', 'class': 'btn btn-xs btn-outline-secondary previous mr-2',
'html': [ 'html': [
$('<span/>', { $('<span/>', {
'class': 'fas fa-chevron-left' 'class': 'fas fa-chevron-left'
@ -334,7 +334,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo($calendarHeader); .appendTo($calendarHeader);
$('<button/>', { $('<button/>', {
'class': 'btn btn-xs btn-light next', 'class': 'btn btn-xs btn-outline-secondary next',
'html': [ 'html': [
$('<span/>', { $('<span/>', {
'class': 'fas fa-chevron-right' 'class': 'fas fa-chevron-right'
@ -1095,7 +1095,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
] ]
}), }),
$('<button/>', { $('<button/>', {
'class': 'close-popover btn btn-light', 'class': 'close-popover btn btn-outline-secondary',
'html': [ 'html': [
$('<i/>', { $('<i/>', {
'class': 'fas fa-ban mr-2' 'class': 'fas fa-ban mr-2'
@ -1180,7 +1180,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
] ]
}), }),
$('<button/>', { $('<button/>', {
'class': 'close-popover btn btn-light', 'class': 'close-popover btn btn-outline-secondary',
'html': [ 'html': [
$('<i/>', { $('<i/>', {
'class': 'fas fa-ban mr-2' 'class': 'fas fa-ban mr-2'
@ -1306,7 +1306,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
] ]
}), }),
$('<button/>', { $('<button/>', {
'class': 'close-popover btn btn-light', 'class': 'close-popover btn btn-outline-secondary',
'html': [ 'html': [
$('<i/>', { $('<i/>', {
'class': 'fas fa-ban mr-2' 'class': 'fas fa-ban mr-2'

View file

@ -194,7 +194,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -398,7 +398,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -352,7 +352,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -366,7 +366,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -471,7 +471,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -393,7 +393,7 @@
} else if (response.length === this.filterLimit) { } else if (response.length === this.filterLimit) {
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-block btn-light load-more text-center', 'class': 'btn btn-block btn-outline-secondary load-more text-center',
'text': EALang.load_more, 'text': EALang.load_more,
'click': function () { 'click': function () {
this.filterLimit += 20; this.filterLimit += 20;

View file

@ -80,7 +80,7 @@ window.GeneralFunctions = window.GeneralFunctions || {};
}); });
$('#message-box').dialog('open'); $('#message-box').dialog('open');
$('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-light'); $('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-outline-secondary');
$('#message-box .ui-dialog-titlebar-close').hide(); $('#message-box .ui-dialog-titlebar-close').hide();
}; };

View file

@ -131,7 +131,7 @@
'html': [ 'html': [
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm edit-break', 'class': 'btn btn-outline-secondary btn-sm edit-break',
'title': EALang.edit, 'title': EALang.edit,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -141,7 +141,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm delete-break', 'class': 'btn btn-outline-secondary btn-sm delete-break',
'title': EALang.delete, 'title': EALang.delete,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -151,7 +151,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm save-break d-none', 'class': 'btn btn-outline-secondary btn-sm save-break d-none',
'title': EALang.save, 'title': EALang.save,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -161,7 +161,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm cancel-break d-none', 'class': 'btn btn-outline-secondary btn-sm cancel-break d-none',
'title': EALang.cancel, 'title': EALang.cancel,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -221,7 +221,7 @@
'html': [ 'html': [
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm edit-custom-availability-period', 'class': 'btn btn-outline-secondary btn-sm edit-custom-availability-period',
'title': EALang.edit, 'title': EALang.edit,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -231,7 +231,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm delete-custom-availability-period', 'class': 'btn btn-outline-secondary btn-sm delete-custom-availability-period',
'title': EALang.delete, 'title': EALang.delete,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -241,7 +241,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm save-custom-availability-period d-none', 'class': 'btn btn-outline-secondary btn-sm save-custom-availability-period d-none',
'title': EALang.save, 'title': EALang.save,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -251,7 +251,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm cancel-custom-availability-period d-none', 'class': 'btn btn-outline-secondary btn-sm cancel-custom-availability-period d-none',
'title': EALang.cancel, 'title': EALang.cancel,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -406,7 +406,7 @@
'html': [ 'html': [
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm edit-break', 'class': 'btn btn-outline-secondary btn-sm edit-break',
'title': EALang.edit, 'title': EALang.edit,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -416,7 +416,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm delete-break', 'class': 'btn btn-outline-secondary btn-sm delete-break',
'title': EALang.delete, 'title': EALang.delete,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -426,7 +426,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm save-break d-none', 'class': 'btn btn-outline-secondary btn-sm save-break d-none',
'title': EALang.save, 'title': EALang.save,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -436,7 +436,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm cancel-break d-none', 'class': 'btn btn-outline-secondary btn-sm cancel-break d-none',
'title': EALang.cancel, 'title': EALang.cancel,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -580,7 +580,7 @@
'html': [ 'html': [
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm edit-custom-availability-period', 'class': 'btn btn-outline-secondary btn-sm edit-custom-availability-period',
'title': EALang.edit, 'title': EALang.edit,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -590,7 +590,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm delete-custom-availability-period', 'class': 'btn btn-outline-secondary btn-sm delete-custom-availability-period',
'title': EALang.delete, 'title': EALang.delete,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -600,7 +600,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm save-custom-availability-period d-none', 'class': 'btn btn-outline-secondary btn-sm save-custom-availability-period d-none',
'title': EALang.save, 'title': EALang.save,
'html': [ 'html': [
$('<span/>', { $('<span/>', {
@ -610,7 +610,7 @@
}), }),
$('<button/>', { $('<button/>', {
'type': 'button', 'type': 'button',
'class': 'btn btn-light btn-sm cancel-custom-availability-period d-none', 'class': 'btn btn-outline-secondary btn-sm cancel-custom-availability-period d-none',
'title': EALang.cancel, 'title': EALang.cancel,
'html': [ 'html': [
$('<span/>', { $('<span/>', {