outlook-quickactions-hotfix.js

// ==UserScript==
// @name       outlook quick actions hotfix
// @namespace  www.rossdoran.com
// @version    1.8
// @description  m$.gfy
// @match      https://outlook.office.com/mail/*
// @match      https://outlook.live.com/*
// @require https://gist.githubusercontent.com/mjblay/18d34d861e981b7785e407c3b443b99b/raw/debc0e6d4d537ac228d1d71f44b1162979a5278c/waitForKeyElements.js
// @run-at document-start
// ==/UserScript==

// when updating this script - search for ".hDNlA.lHRXq.iZbPU.JCRRb.G1NES"

waitForKeyElements (".WP8_u .UWVIR", moveQuickActions);

waitForKeyElements(".mGATq", moveDeleteAction); // comment out this line to keep the delete quick action on the right

function navigateToInbox(elem)
{
    elem.onclick = ()=> { document.querySelector("button[aria-label='Close']").click(); };
}

function detach(node) {
  return node.parentElement.removeChild(node);
}

function moveDeleteAction(elem)
{    
    let parent = elem.closest(`.hDNlA.lHRXq.iZbPU.JCRRb.G1NES,
                              .hDNlA.lHRXq.IjQyD.JCRRb.G1NES,
                              .hDNlA.lHRXq.epBmH.IMyk_,
                              .zKDWD.YbB6r.IKvQi.IjQyD.JCRRb.cSOXK.G1NES,
                              .zKDWD.YbB6r.IKvQi.IjQyD.JCRRb.G1NES,
                              .zKDWD.YbB6r.IKvQi.iZbPU.JCRRb.G1NES,
                              .zKDWD.YbB6r.IKvQi.iZbPU.wZij3.G1NES,
                              .zKDWD.YbB6r.IKvQi.IjQyD.EhiOs.wZij3.G1NES,
                              .zKDWD.YbB6r.IKvQi.epBmH.EhiOs,
                              .zKDWD.IKvQi.IjQyD.JCRRb.G1NES,
                              .zKDWD.IKvQi.iZbPU.JCRRb._KLsp.G1NES,
                              .zKDWD.IKvQi.iZbPU.JCRRb.G1NES,
                              .zKDWD.IKvQi.gPZmZ.JCRRb.G1NES,
                              .zKDWD.IKvQi.epBmH,
                              .lHRXq.hDNlA.IjQyD.JCRRb.DLvHz.G1NES,
                              .lHRXq.hDNlA.IjQyD.JCRRb.G1NES
                              `); // different for pinned, flagged, returning to inbox after deleting, etc.
    if (parent)
    {
        console.log("TRASHFIND", parent);
    var newParent = parent.querySelector(`
    .XG5Jd.y1E5h.zItCb,
    .XG5Jd.hQj7T,
    .OD8Ue.hQj7T,
    .xc0ZS.hQj7T
    `).firstChild;
    if (newParent)
    {
        newParent.append(detach(elem));
    }
    }
}

function moveQuickActions(elem)
{
    let parent = elem.closest(
        `.XG5Jd.hQj7T,
        .xc0ZS.hQj7T,
        .OD8Ue.hQj7T`); // parent element of left items
    if (parent)
    {
    var newParent = parent.firstChild; // append to first child of left item parent
    if (newParent)
    {
        newParent.append(detach(elem));
    }
    }
}

Updated 1.7 with the new class.

Work but this happened:

As you can see, buttons aren't close to each other :/

Why there are spaces?

Sorry, was abroad on holiday. Updated to latest version, seems perfect once again. @Peppins32 - I had a space between pin and delete when first loading the page, which went away after waiting a little while. I think that might be unavoidable.

The delete icon shifted back for me, so I've updated 1.8 to include the new class. It's unfortunate that there's no real way to future proof this - any change they make is gonna re-obfuscate the class names, which means another update is required. I could query the selectors by title, like "button[title='Mark as unread']", but then that would break for anyone whose language isn't English. Oh well. Let me know if it doesn't work.

As a bit of cleanup, I also removed the Inbox redirect link, as they seem to have fixed that, and removed the ribbon hider too. Let me know if you need either of those back for whatever reason.

Thanks a lot, it work! ;-)