workadventure/front/dist/resources/html/gameMenu.html

<style>
    #gameMenu main{
        margin-top: 15px;
    }
    #gameMenu button {
        background-color: black;
        color: white;
        border-radius: 7px;
        padding-bottom: 2px;
    }
    #gameMenu section {
        margin: 10px;
    }
    @media only screen and (max-height: 700px) {
        #gameMenu main {
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            flex-wrap: wrap;
            margin-top: 0;
        }
        #gameMenu section{
            margin: 2px;
        }
    }
</style>

<div id="gameMenu" hidden>

    <main>
        <section>
            <button id="shareButton">Share url</button>
        </section>
        <section>
            <button id="changeNameButton">Edit name</button>
        </section>
        <section>
            <button id="changeSkinButton">Edit skin</button>
        </section>
        <section>
            <button id="changeCompanionButton">Edit companion</button>
        </section>
        <section>
            <button id="editGameSettingsButton">Settings</button>
        </section>
        <section>
            <button id="toggleFullscreen">Toggle fullscreen</button>
        </section>
        <section id="adminConsoleSection" hidden>
            <button id="adminConsoleButton">Admin console</button>
        </section>
    </main>
</div>