☰

Move the Delete button to the left

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      20251009
// @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
// @license      MIT
// ==/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";
    }
})();