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

<style>
    *{
        font-family: PixelFont-7,monospace!important;
    }
    #gameMenu main{
        margin-top: 15px;
    }
    #gameMenu button {
        background-color: black;
        color: white;
        border-radius: 7px;
        padding-bottom: 2px;
    }
    #gameMenu section {
        margin: 10px;
    }
    section#socialLinks{
        position: absolute;
        margin-bottom: 0;
    }
    section#socialLinks img{
        width: 32px;
        cursor: url('/resources/logos/cursor_pointer.png'), pointer;
    }
    @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;
        }
        section#socialLinks{
            position: relative;
        }
    }
</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>
            <button id="sparkButton">Create map</button>
        </section>
        <section id="adminConsoleSection" hidden>
            <button id="adminConsoleButton">Admin console</button>
        </section>
        <section id="socialLinks" hidden>
            <a class="not-button" href="https://www.facebook.com/workadventurebytcm" target="_blank"><img class="not-button" src="/resources/objects/facebook-icon.png"/></a>
            <a class="not-button" href="https://twitter.com/Workadventure_" target="_blank"><img class="not-button" src="/resources/objects/twitter-icon.png"/></a>
        </section>
    </main>
</div>