Configuring preferences and options in Outlook.com
If you really, really hate this change and are willing to invest a few minutes time, you could make your own little (local) extension to solve this problem. Works in Chrome and Firefox.
I'm not a professional, so it's not perfect, but you will be able to move the Quick Action Icons back to the original position.
Here you can find how to create an extension: https://www.lateral.io/resources-blog/create-chrome-extension-modify-websites-html-css
I'm using just these two files:
- manifest.json
- style.css
both put in one folder.
Code for 'manifest.json':
{
"manifest_version": 2,
"name": "Outlook.com / Customized CSS",
"version": "1.0",
"description": "Changes the looks of Outlook.com by using customized CSS",
"content_scripts": [{
"css": ["styles.css"],
"matches": ["https://outlook.live.com/*"] }]
}
Code for 'style.css':
/* --- Quick Action Icons */
/* --- All Icons Except Recycle Bin */
.zTXEN .pz2Jt .onyPx .sajcR .mS5UB.s93_X.tTNd3 {
position: relative;
left: -630px; /* <==== Change this value -> it depends on the width of your screen */
background: #FAF9F8;
padding: 3px 0 3px 0 !important;
}
/* --- Recycle Bin - Position */
.bx9dt {
position: relative;
left: -788px; /* <==== Change this value -> it depends on the width of your screen */
}
/* --- Recycle Bin - Correction Vertical Alignment */
.bx9dt .d36TZ {
margin-top: -2px !important;
}
/* --- Recycle Bin - Background Color */
.HDzFE {
background: #FAF9F8 !important;
}
Of course, this solution only works well if you always keep one fixed width for your screen (for example: full screen). You shouldn't keep changing the width of the individual columns in your inbox afterwards either.
--> This is because of the (hard) correction in pixels to move the icons to the left. I'm aware: this is not a very sophisticated solution, but it was the only way I managed to reposition the icons.
If you get started with this: good luck and have fun with it! :-)