OldThink/Content.Client/Lobby/UI/LobbyGui.xaml

<Control xmlns="https://spacestation14.io"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:gfx="clr-namespace:Robust.Client.Graphics;assembly=Robust.Client"
         xmlns:maths="clr-namespace:Robust.Shared.Maths;assembly=Robust.Shared.Maths"
         xmlns:parallax="clr-namespace:Content.Client.Parallax"
         xmlns:ui="clr-namespace:Content.Client.Voting.UI"
         xmlns:style="clr-namespace:Content.Client.Stylesheets"
         xmlns:hudUi="clr-namespace:Content.Client.HUD.UI"
         xmlns:chatUi="clr-namespace:Content.Client.Chat.UI"
         xmlns:lobbyUi="clr-namespace:Content.Client.Lobby.UI"
         xmlns:info="clr-namespace:Content.Client.Info">

    <Control>
        <!-- Parallax background -->
        <parallax:ParallaxControl />

        <!-- One day I'll code a Margin property for controls. -->
        <MarginContainer MarginBottomOverride="20" MarginLeftOverride="20" MarginRightOverride="20"
                         MarginTopOverride="20">
            <PanelContainer StyleClasses="AngleRect" />
            <BoxContainer Orientation="Vertical">
                <!-- Top row -->
                <BoxContainer Orientation="Horizontal" MinSize="0 40">
                    <MarginContainer MarginLeftOverride="8">
                        <Label StyleClasses="LabelHeadingBigger" VAlign="Center" Text="{Loc 'Lobby'}" />
                    </MarginContainer>
                    <Label Name="CServerName" StyleClasses="LabelHeadingBigger" VAlign="Center" />
                    <ui:VoteCallMenuButton Name="CCallVoteButton" StyleClasses="ButtonBig" />
                    <Button Name="COptionsButton" StyleClasses="ButtonBig" Text="{Loc 'Options'}" />
                    <Button Name="CLeaveButton" StyleClasses="ButtonBig" Text="{Loc 'Leave'}" />
                </BoxContainer>
                <!-- Gold line -->
                <PanelContainer>
                    <PanelContainer.PanelOverride>
                        <gfx:StyleBoxFlat BackgroundColor="{x:Static style:StyleNano.NanoGold}"
                                          ContentMarginTopOverride="2" />
                    </PanelContainer.PanelOverride>
                </PanelContainer>
                <!-- Middle section with the two vertical panels -->
                <BoxContainer Orientation="Horizontal" VerticalExpand="True">
                    <!-- Left panel -->
                    <BoxContainer Orientation="Vertical" Name="CLeftPanelContainer" HorizontalExpand="True">
                        <hudUi:StripeBack>
                            <MarginContainer MarginLeftOverride="3" MarginRightOverride="3" MarginBottomOverride="3"
                                             MarginTopOverride="3">
                                <BoxContainer Orientation="Horizontal" SeparationOverride="6">
                                    <Button Name="CObserveButton" Text="{Loc 'Observe'}" StyleClasses="ButtonBig" />
                                    <Label Name="CStartTime" Align="Right"
                                           FontColorOverride="{x:Static maths:Color.DarkGray}"
                                           StyleClasses="LabelBig" HorizontalExpand="True" />
                                    <Button Name="CReadyButton" ToggleMode="True" Text="{Loc 'Ready Up'}"
                                            StyleClasses="ButtonBig" />
                                </BoxContainer>
                            </MarginContainer>
                        </hudUi:StripeBack>
                        <MarginContainer VerticalExpand="True" MarginLeftOverride="3" MarginRightOverride="3"
                                         MarginBottomOverride="3"
                                         MarginTopOverride="3">
                            <chatUi:ChatBox Name="CChat" />
                        </MarginContainer>
                    </BoxContainer>
                    <!-- Gold line -->
                    <PanelContainer MinSize="2 0">
                        <PanelContainer.PanelOverride>
                            <gfx:StyleBoxFlat BackgroundColor="{x:Static style:StyleNano.NanoGold}" />
                        </PanelContainer.PanelOverride>
                    </PanelContainer>
                    <!-- Right panel -->
                    <Control HorizontalExpand="True">
                        <BoxContainer Orientation="Vertical">
                            <!-- Player list -->
                            <hudUi:NanoHeading Text="{Loc 'Online Players'}" />
                            <MarginContainer VerticalExpand="True"
                                             MarginRightOverride="3" MarginLeftOverride="3"
                                             MarginBottomOverride="3" MarginTopOverride="3">
                                <lobbyUi:LobbyPlayerList Name="COnlinePlayerList"
                                                     HorizontalExpand="True"
                                                     VerticalExpand="True" />
                            </MarginContainer>
                            <!-- Server info -->
                            <hudUi:NanoHeading Text="{Loc 'Server Info'}" />
                            <MarginContainer VerticalExpand="True"
                                             MarginRightOverride="3" MarginLeftOverride="3"
                                             MarginBottomOverride="2" MarginTopOverride="3">
                                <info:ServerInfo Name="CServerInfo" />
                            </MarginContainer>
                        </BoxContainer>
                        <MarginContainer SizeFlagsHorizontal="ShrinkEnd" MarginTopOverride="8" MarginRightOverride="8">
                            <BoxContainer Orientation="Vertical" Name="CVoteContainer" />
                        </MarginContainer>
                    </Control>
                </BoxContainer>
            </BoxContainer>
        </MarginContainer>

    </Control>
</Control>