gostfix/web/templates/mailnew.html

<form id="mailNewForm" style="height: 100%; width: 100%; display:flex; flex-direction: column;">
    <div class="horizontalPaddingBox" style="flex-grow: 0!important;">
        <div style="width: 100%; display: flex; flex-direction: row;">
            <div id="sendButton" class="btn materialLevel1 disabled" style="margin-right: 10px; min-width: 60px; max-height: 60px; max-width: 60px; min-height: 60px;" onclick="sendNewMail();">
                <img src="/assets/send.svg" style="width: 40px"/>
                Send
            </div>
            <div class="elidedText" style="display: block; flex: 1 1 auto;">
                <div style="flex: 0 1 auto; display: flex; flex-direction: row;">
                    <span style="flex: 0 1 auto; margin: auto 10px;" class="primaryText">To:</span>
                    <div id="toEmailList" class=".noselect" style="flex: 1 1 auto; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--primary-color);">
                        <input id="toEmailField" class="hiddenInput" type="text" style="flex: 1 1 auto; min-width: 500px;"/>
                    </div>
                </div>
                <div class=".noselect" style="display: flex; flex-direction: row; margin-top: 10px;"><span style="flex: 0 1 auto; margin: auto 10px;" class="primaryText">Subject:</span><div style="display: flex; flex-direction: row; flex: 1 1 auto; border-bottom: 1px solid var(--primary-color);"><input id="newMailSubject" type="text" name="subject" style="flex: 1 1 auto" class="hiddenInput" /></div></div>
            </div>
            <img class="iconBtn" style="width: 20px; height: 20px; margin-left:10px;" onclick="closeDetails();" src="/assets/back.svg"/>
        </div>
    </div>
    <div style="display: block; height: 100%;">
        <input type="hidden" id="newMailTo" name="to">
        <textarea id="newMailEditor" name="body" class="contentArea" style="height: 100%; width: 100%; resize: none;"></textarea>
    </div>
</form>