Move F1 Go's delete buttons farther away from the save button to make it harder to click on accident.
// ==UserScript==
// @name Move the Delete button to the left
// @namespace https://github.com/nate-kean/
// @version 20251106
// @description Move F1 Go's delete buttons farther away from the save button to make it harder to click on accident.
// @author Nate Kean
// @match https://jamesriver.fellowshiponego.com/members/edit/*
// @match https://jamesriver.fellowshiponego.com/interactions/edit/*
// @match https://jamesriver.fellowshiponego.com/groups/edit/*
// @match https://jamesriver.fellowshiponego.com/reports/attendance/sessions*
// @icon https://www.google.com/s2/favicons?sz=64&domain=fellowshiponego.com
// @grant none
// @run-at document-end
// ==/UserScript==
(function() {
document.head.insertAdjacentHTML("beforeend", `
<style id="nates-delete-button-fix">
input.deleteMember,
#editInteractionForm>div>div.col-md-8>input.btn.btn-danger.delete.mobile-bottom-space#nate-means-it-apply-this-css {
margin-right: unset !important;
margin-left: 0px;
float: unset !important;
}
input.deleteMember {
margin-left: 30px !important;
}
.group-edit .save-panel {
margin: unset !important;
float: unset !important;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
justify-content: space-between;
}
.group-edit .save-panel button {
margin: 0 !important;
}
.MuiPaper-root .tw-flex.tw-justify-end {
justify-content: space-between !important;
}
</style>
`);
// Go puts a SUPER strong rule on some of these buttons to put them over to the right,
// so we have to work extra hard to override them back to the left.
for (const btn of document.querySelectorAll("input.delete") ) {
btn.id = "nate-means-it-apply-this-css";
}
})();