Better css M Teams

gistfile1.txt

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `

.message-list-common:not(.chat-style) .medium-width .thread-action-reply-message, .message-list-common:not(.chat-style) .medium-width .conversation-collapsed {
    width: 14rem;
    position: absolute;
    right: 60px;
    top: 4px;
    -webkit-transition: width 5s;
    transition: width 0.5s;
}
.message-list-common:not(.chat-style) .medium-width .message-body-width, .message-list-common:not(.chat-style) .medium-width .vr-item-placehoders div, .message-list-common:not(.chat-style) .medium-width .acc-thread-focusable:focus::after {
    width: 100%;
}

.message-list-common:not(.chat-style) .large-width .thread-action-reply-message, .message-list-common:not(.chat-style) .large-width .conversation-collapsed {
    width: 14rem;
    position: absolute;
    right: 60px;
    top: 4px;
    -webkit-transition: width 5s;
    transition: width 0.5s;
}
.message-list-common:not(.chat-style) .large-width .message-body-width, .message-list-common:not(.chat-style) .large-width .vr-item-placehoders div, .message-list-common:not(.chat-style) .large-width .acc-thread-focusable:focus::after {
    width: 100%;
}
.message-list.chat-style .thread-body:not(.self) .media-left ~ .ts-message-thread-body {
    margin-right: 0px;
}

.ts-message-thread-body {
	display: inline;

}
.action-marker {
    height: 3.2rem;
    overflow: hidden;
    position: absolute;
    width: 3.2rem;
    z-index: 2;
    border-radius: 0 1.6rem 1.6rem 0;
    right: -32px;
    top: 0px;
}
thread .ts-message {
    padding: 0.6rem 3.2rem 0rem 0;
    border-top: 0;
    position: relative;
}

@media (min-width: 1500px) {
	.app-rail-common>div, .ts-left-rail-wrapper, .fullscreen-layout .ts-left-rail-wrapper, .left-rail-item {
	    width: 58px !important;
	    /* display: none; */
	}
	.app-rail-common>div, .ts-left-rail-wrapper, .fullscreen-layout .ts-left-rail-wrapper, .left-rail-item:hover {
	    width: 350px !important;
	    /* display: none; */
	}
}
.ts-left-rail-wrapper.ts-main-flex.app-full-viewport-height.pull-left:hover {
    width: 350px;
    transition: 1s;
}
.tse-scrollbar {
    z-index: 99;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.6rem;
    height: inherit;
    overflow: hidden;
}
`;
document.getElementsByTagName('head')[0].appendChild(style);