From 1457f46b5c6b3b3831f4cdf63046bc817656693f Mon Sep 17 00:00:00 2001
From: Senk Ju <18741573+SenkJu@users.noreply.github.com>
Date: Tue, 7 Jul 2026 18:31:30 +0200
Subject: [PATCH] fix identation of menus

---
 .../routes/menu/altmanager/AltManager.svelte  | 104 +++++++-------
 .../menu/multiplayer/Multiplayer.svelte       | 127 +++++++++---------
 .../menu/proxymanager/ProxyManager.svelte     | 106 ++++++++-------
 .../menu/singleplayer/Singleplayer.svelte     |  90 ++++++-------
 src-theme/src/routes/menu/title/Title.svelte  |  78 +++++------
 5 files changed, 256 insertions(+), 249 deletions(-)

diff --git a/src-theme/src/routes/menu/altmanager/AltManager.svelte b/src-theme/src/routes/menu/altmanager/AltManager.svelte
index 89a42aceb40..4f6ee6400d1 100644
--- a/src-theme/src/routes/menu/altmanager/AltManager.svelte
+++ b/src-theme/src/routes/menu/altmanager/AltManager.svelte
@@ -116,58 +116,60 @@
 </script>
 
 <DirectLoginModal bind:visible={directLoginModalVisible}/>
+
 <AddAccountModal bind:visible={addAccountModalVisible}/>
-    <OptionBar>
-        <Search on:search={handleSearch}/>
-        <SwitchSetting title="Premium Only" bind:value={premiumOnly}/>
-        <SwitchSetting title="Favorites Only" bind:value={favoritesOnly}/>
-        <MultiSelect title="Account Type" options={["Mojang", "TheAltening"]} bind:values={accountTypes}/>
-    </OptionBar>
-
-    <MenuList sortable={accounts.length === renderedAccounts.length} elementCount={accounts.length}
-              on:sort={handleAccountSort}>
-        {#key accounts}
-            {#each renderedAccounts as account}
-                <MenuListItem
-                        image={account.avatar}
-                        title={account.username}
-                        favorite={account.favorite}
-                        on:dblclick={() => loginToAccount(account.id)}>
-                    <svelte:fragment slot="subtitle">
-                        <pre class="uuid">{account.uuid}</pre>
-                    </svelte:fragment>
-
-                    <svelte:fragment slot="tag">
-                        <MenuListItemTag text={account.type}/>
-                    </svelte:fragment>
-
-                    <svelte:fragment slot="active-visible">
-                        <MenuListItemButton title="Delete" icon="trash" on:click={() => removeAccount(account.id)}/>
-                        <MenuListItemButton title="Favorite" icon={account.favorite ? "favorite-filled" : "favorite" }
-                                            on:click={() => toggleFavorite(account.id, !account.favorite)}/>
-                    </svelte:fragment>
-
-                    <svelte:fragment slot="always-visible">
-                        <MenuListItemButton title="Login" icon="play" on:click={() => loginToAccount(account.id)}/>
-                    </svelte:fragment>
-                </MenuListItem>
-            {/each}
-        {/key}
-    </MenuList>
-
-    <BottomButtonWrapper>
-        <ButtonContainer>
-            <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addAccountModalVisible = true}/>
-            <IconTextButton icon="icon-plane.svg" title="Direct" on:click={() => directLoginModalVisible = true}/>
-            <IconTextButton icon="icon-random.svg" disabled={renderedAccounts.length === 0} title="Random"
-                            on:click={loginToRandomAccount}/>
-            <IconTextButton icon="icon-refresh.svg" title="Restore" on:click={restoreSession}/>
-        </ButtonContainer>
-
-        <ButtonContainer>
-            <IconTextButton icon="icon-back.svg" title="Back" on:click={() => deleteScreen()}/>
-        </ButtonContainer>
-    </BottomButtonWrapper>
+
+<OptionBar>
+    <Search on:search={handleSearch}/>
+    <SwitchSetting title="Premium Only" bind:value={premiumOnly}/>
+    <SwitchSetting title="Favorites Only" bind:value={favoritesOnly}/>
+    <MultiSelect title="Account Type" options={["Mojang", "TheAltening"]} bind:values={accountTypes}/>
+</OptionBar>
+
+<MenuList sortable={accounts.length === renderedAccounts.length} elementCount={accounts.length}
+          on:sort={handleAccountSort}>
+    {#key accounts}
+        {#each renderedAccounts as account}
+            <MenuListItem
+                    image={account.avatar}
+                    title={account.username}
+                    favorite={account.favorite}
+                    on:dblclick={() => loginToAccount(account.id)}>
+                <svelte:fragment slot="subtitle">
+                    <pre class="uuid">{account.uuid}</pre>
+                </svelte:fragment>
+
+                <svelte:fragment slot="tag">
+                    <MenuListItemTag text={account.type}/>
+                </svelte:fragment>
+
+                <svelte:fragment slot="active-visible">
+                    <MenuListItemButton title="Delete" icon="trash" on:click={() => removeAccount(account.id)}/>
+                    <MenuListItemButton title="Favorite" icon={account.favorite ? "favorite-filled" : "favorite" }
+                                        on:click={() => toggleFavorite(account.id, !account.favorite)}/>
+                </svelte:fragment>
+
+                <svelte:fragment slot="always-visible">
+                    <MenuListItemButton title="Login" icon="play" on:click={() => loginToAccount(account.id)}/>
+                </svelte:fragment>
+            </MenuListItem>
+        {/each}
+    {/key}
+</MenuList>
+
+<BottomButtonWrapper>
+    <ButtonContainer>
+        <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addAccountModalVisible = true}/>
+        <IconTextButton icon="icon-plane.svg" title="Direct" on:click={() => directLoginModalVisible = true}/>
+        <IconTextButton icon="icon-random.svg" disabled={renderedAccounts.length === 0} title="Random"
+                        on:click={loginToRandomAccount}/>
+        <IconTextButton icon="icon-refresh.svg" title="Restore" on:click={restoreSession}/>
+    </ButtonContainer>
+
+    <ButtonContainer>
+        <IconTextButton icon="icon-back.svg" title="Back" on:click={() => deleteScreen()}/>
+    </ButtonContainer>
+</BottomButtonWrapper>
 
 <style lang="scss">
   .uuid {
diff --git a/src-theme/src/routes/menu/multiplayer/Multiplayer.svelte b/src-theme/src/routes/menu/multiplayer/Multiplayer.svelte
index b106b7bbdee..92e308f42d6 100644
--- a/src-theme/src/routes/menu/multiplayer/Multiplayer.svelte
+++ b/src-theme/src/routes/menu/multiplayer/Multiplayer.svelte
@@ -166,73 +166,76 @@
 </script>
 
 <AddServerModal bind:visible={addServerModalVisible} on:serverAdd={refreshServers}/>
+
 {#if currentEditServer}
     <EditServerModal bind:visible={editServerModalVisible} address={currentEditServer.address}
                      name={currentEditServer.name} on:serverEdit={refreshServers} id={currentEditServer.id}
                      resourcePackPolicy={currentEditServer.resourcePackPolicy}/>
 {/if}
+
 <DirectConnectModal bind:visible={directConnectModalVisible}/>
-    <OptionBar>
-        <Search on:search={handleSearch}/>
-
-        <SwitchSetting title="Online only" bind:value={onlineOnly}/>
-        <Divider/>
-        <SwitchSetting title="Auto Config" bind:value={autoConfig} on:change={updateAutoConfigState}/>
-        {#if spooferConfigurable}
-            <WrappedSetting bind:value={spooferConfigurable} on:change={updateSpooferSettings} path="multiplayer.spoofer"/>
-        {/if}
-        {#if clientInfo && clientInfo.viaFabricPlus}
-            <SingleSelect title="Version" value={selectedProtocol.name} options={protocols.map(p => p.name)}
-                          on:change={changeProtocolVersion}/>
-            <ButtonSetting title="ViaFabricPlus" on:click={() => openScreen("viafabricplus_protocol_selection")}/>
-        {:else}
-            <ButtonSetting title="Install ViaFabricPlus" on:click={() => browse("VIAFABRICPLUS")}/>
-        {/if}
-    </OptionBar>
-
-    <MenuList sortable={renderedServers.length === servers.length} elementCount={servers.length}
-              on:sort={handleServerSort}>
-        {#key timesSorted}
-            {#each renderedServers as server}
-                <MenuListItem imageText={server.ping > 0 ? `${server.ping}ms` : null}
-                              imageTextBackgroundColor={getPingColor(server.ping)}
-                              image={server.ping < 0 || !server.icon
+
+<OptionBar>
+    <Search on:search={handleSearch}/>
+
+    <SwitchSetting title="Online only" bind:value={onlineOnly}/>
+    <Divider/>
+    <SwitchSetting title="Auto Config" bind:value={autoConfig} on:change={updateAutoConfigState}/>
+    {#if spooferConfigurable}
+        <WrappedSetting bind:value={spooferConfigurable} on:change={updateSpooferSettings} path="multiplayer.spoofer"/>
+    {/if}
+    {#if clientInfo && clientInfo.viaFabricPlus}
+        <SingleSelect title="Version" value={selectedProtocol.name} options={protocols.map(p => p.name)}
+                      on:change={changeProtocolVersion}/>
+        <ButtonSetting title="ViaFabricPlus" on:click={() => openScreen("viafabricplus_protocol_selection")}/>
+    {:else}
+        <ButtonSetting title="Install ViaFabricPlus" on:click={() => browse("VIAFABRICPLUS")}/>
+    {/if}
+</OptionBar>
+
+<MenuList sortable={renderedServers.length === servers.length} elementCount={servers.length}
+          on:sort={handleServerSort}>
+    {#key timesSorted}
+        {#each renderedServers as server}
+            <MenuListItem imageText={server.ping > 0 ? `${server.ping}ms` : null}
+                          imageTextBackgroundColor={getPingColor(server.ping)}
+                          image={server.ping < 0 || !server.icon
                             ? `${REST_BASE}/api/v1/client/resource?id=minecraft:textures/misc/unknown_server.png`
                             :`data:image/png;base64,${server.icon}`}
-                              title={server.name}
-                              on:dblclick={() => connectToServer(server.address)}>
-                    <TextComponent allowPreformatting={true} preFormattingMonospace={false} slot="subtitle"
-                                   fontSize={18}
-                                   textComponent={server.ping <= 0 ? "§CCan't connect to server" : server.label}/>
-
-                    <svelte:fragment slot="tag">
-                        {#if server.ping > 0}
-                            <MenuListItemTag text="{server.players.online}/{server.players.max} Players"/>
-                            <MenuListItemTag text={server.version}/>
-                        {/if}
-                    </svelte:fragment>
-
-                    <svelte:fragment slot="active-visible">
-                        <MenuListItemButton title="Remove" icon="trash" on:click={() => removeServer(server.id)}/>
-                        <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editServer(server)}/>
-                    </svelte:fragment>
-
-                    <svelte:fragment slot="always-visible">
-                        <MenuListItemButton title="Join" icon="play" on:click={() => connectToServer(server.address)}/>
-                    </svelte:fragment>
-                </MenuListItem>
-            {/each}
-        {/key}
-    </MenuList>
-
-    <BottomButtonWrapper>
-        <ButtonContainer>
-            <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addServerModalVisible = true}/>
-            <IconTextButton icon="icon-plane.svg" title="Direct" on:click={() => directConnectModalVisible = true}/>
-            <IconTextButton icon="icon-refresh.svg" title="Refresh" on:click={refreshServers}/>
-        </ButtonContainer>
-
-        <ButtonContainer>
-            <IconTextButton icon="icon-back.svg" title="Back" on:click={() => openScreen("title")}/>
-        </ButtonContainer>
-    </BottomButtonWrapper>
+                          title={server.name}
+                          on:dblclick={() => connectToServer(server.address)}>
+                <TextComponent allowPreformatting={true} preFormattingMonospace={false} slot="subtitle"
+                               fontSize={18}
+                               textComponent={server.ping <= 0 ? "§CCan't connect to server" : server.label}/>
+
+                <svelte:fragment slot="tag">
+                    {#if server.ping > 0}
+                        <MenuListItemTag text="{server.players.online}/{server.players.max} Players"/>
+                        <MenuListItemTag text={server.version}/>
+                    {/if}
+                </svelte:fragment>
+
+                <svelte:fragment slot="active-visible">
+                    <MenuListItemButton title="Remove" icon="trash" on:click={() => removeServer(server.id)}/>
+                    <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editServer(server)}/>
+                </svelte:fragment>
+
+                <svelte:fragment slot="always-visible">
+                    <MenuListItemButton title="Join" icon="play" on:click={() => connectToServer(server.address)}/>
+                </svelte:fragment>
+            </MenuListItem>
+        {/each}
+    {/key}
+</MenuList>
+
+<BottomButtonWrapper>
+    <ButtonContainer>
+        <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addServerModalVisible = true}/>
+        <IconTextButton icon="icon-plane.svg" title="Direct" on:click={() => directConnectModalVisible = true}/>
+        <IconTextButton icon="icon-refresh.svg" title="Refresh" on:click={refreshServers}/>
+    </ButtonContainer>
+
+    <ButtonContainer>
+        <IconTextButton icon="icon-back.svg" title="Back" on:click={() => openScreen("title")}/>
+    </ButtonContainer>
+</BottomButtonWrapper>
diff --git a/src-theme/src/routes/menu/proxymanager/ProxyManager.svelte b/src-theme/src/routes/menu/proxymanager/ProxyManager.svelte
index 2e5ae2b7a78..062660ccd97 100644
--- a/src-theme/src/routes/menu/proxymanager/ProxyManager.svelte
+++ b/src-theme/src/routes/menu/proxymanager/ProxyManager.svelte
@@ -173,6 +173,7 @@
 </script>
 
 <AddProxyModal bind:visible={addProxyModalVisible}/>
+
 {#if currentEditProxy}
     <EditProxyModal bind:visible={editProxyModalVisible} id={currentEditProxy.id}
                     host={currentEditProxy.host}
@@ -183,55 +184,56 @@
                     password={currentEditProxy.credentials?.password ?? ""}
                     requiresAuthentication={currentEditProxy.credentials !== undefined}/>
 {/if}
-    <OptionBar>
-        <Search on:search={handleSearch}/>
-        <SwitchSetting title="Favorites Only" bind:value={favoritesOnly}/>
-        <MultiSelect title="Country" options={allCountries} bind:values={countries}/>
-        <MultiSelect title="Type" options={["SOCKS5", "HTTP"]} bind:values={proxyTypes}/>
-    </OptionBar>
-
-    <MenuList sortable={false} on:sort={handleProxySort}>
-        {#each renderedProxies as proxy}
-            <MenuListItem
-                    image="img/flags/{(proxy.ipInfo?.country ?? 'unknown').toLowerCase()}.svg"
-                    title="{proxy.host}:{proxy.port}"
-                    favorite={proxy.favorite}
-                    on:dblclick={() => connectToProxy(proxy.id)}>
-                <svelte:fragment slot="subtitle">
-                    <span class="subtitle">{proxy.ipInfo?.org ?? "Unknown"}</span>
-                </svelte:fragment>
-
-                <svelte:fragment slot="tag">
-                    <MenuListItemTag text={convertCountryCode(proxy.ipInfo?.country)}/>
-                    <MenuListItemTag text={proxy.type}/>
-                </svelte:fragment>
-
-                <svelte:fragment slot="active-visible">
-                    <MenuListItemButton title="Delete" icon="trash" on:click={() => removeProxy(proxy.id)}/>
-                    <MenuListItemButton title="Check" icon="check" on:click={() => checkProxy(proxy.id)}/>
-                    <MenuListItemButton title="Favorite" icon={proxy.favorite ? "favorite-filled" : "favorite" }
-                                        on:click={() => toggleFavorite(proxy.id, !proxy.favorite)}/>
-                    <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editProxy(proxy)}/>
-                </svelte:fragment>
-
-                <svelte:fragment slot="always-visible">
-                    <MenuListItemButton title="Connect" icon="play" on:click={() => connectToProxy(proxy.id)}/>
-                </svelte:fragment>
-            </MenuListItem>
-        {/each}
-    </MenuList>
-
-    <BottomButtonWrapper>
-        <ButtonContainer>
-            <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addProxyModalVisible = true}/>
-            <IconTextButton icon="icon-clipboard.svg" title="Add Clipboard" on:click={() => fromClipboard() } />
-            <IconTextButton icon="icon-random.svg" disabled={renderedProxies.length === 0} title="Random"
-                            on:click={connectToRandomProxy}/>
-            <IconTextButton icon="icon-disconnect.svg" disabled={!isConnectedToProxy} title="Disconnect"
-                            on:click={disconnectFromProxy}/>
-        </ButtonContainer>
-
-        <ButtonContainer>
-            <IconTextButton icon="icon-back.svg" title="Back" on:click={() => deleteScreen()}/>
-        </ButtonContainer>
-    </BottomButtonWrapper>
+
+<OptionBar>
+    <Search on:search={handleSearch}/>
+    <SwitchSetting title="Favorites Only" bind:value={favoritesOnly}/>
+    <MultiSelect title="Country" options={allCountries} bind:values={countries}/>
+    <MultiSelect title="Type" options={["SOCKS5", "HTTP"]} bind:values={proxyTypes}/>
+</OptionBar>
+
+<MenuList sortable={false} on:sort={handleProxySort}>
+    {#each renderedProxies as proxy}
+        <MenuListItem
+                image="img/flags/{(proxy.ipInfo?.country ?? 'unknown').toLowerCase()}.svg"
+                title="{proxy.host}:{proxy.port}"
+                favorite={proxy.favorite}
+                on:dblclick={() => connectToProxy(proxy.id)}>
+            <svelte:fragment slot="subtitle">
+                <span class="subtitle">{proxy.ipInfo?.org ?? "Unknown"}</span>
+            </svelte:fragment>
+
+            <svelte:fragment slot="tag">
+                <MenuListItemTag text={convertCountryCode(proxy.ipInfo?.country)}/>
+                <MenuListItemTag text={proxy.type}/>
+            </svelte:fragment>
+
+            <svelte:fragment slot="active-visible">
+                <MenuListItemButton title="Delete" icon="trash" on:click={() => removeProxy(proxy.id)}/>
+                <MenuListItemButton title="Check" icon="check" on:click={() => checkProxy(proxy.id)}/>
+                <MenuListItemButton title="Favorite" icon={proxy.favorite ? "favorite-filled" : "favorite" }
+                                    on:click={() => toggleFavorite(proxy.id, !proxy.favorite)}/>
+                <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editProxy(proxy)}/>
+            </svelte:fragment>
+
+            <svelte:fragment slot="always-visible">
+                <MenuListItemButton title="Connect" icon="play" on:click={() => connectToProxy(proxy.id)}/>
+            </svelte:fragment>
+        </MenuListItem>
+    {/each}
+</MenuList>
+
+<BottomButtonWrapper>
+    <ButtonContainer>
+        <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => addProxyModalVisible = true}/>
+        <IconTextButton icon="icon-clipboard.svg" title="Add Clipboard" on:click={() => fromClipboard() }/>
+        <IconTextButton icon="icon-random.svg" disabled={renderedProxies.length === 0} title="Random"
+                        on:click={connectToRandomProxy}/>
+        <IconTextButton icon="icon-disconnect.svg" disabled={!isConnectedToProxy} title="Disconnect"
+                        on:click={disconnectFromProxy}/>
+    </ButtonContainer>
+
+    <ButtonContainer>
+        <IconTextButton icon="icon-back.svg" title="Back" on:click={() => deleteScreen()}/>
+    </ButtonContainer>
+</BottomButtonWrapper>
diff --git a/src-theme/src/routes/menu/singleplayer/Singleplayer.svelte b/src-theme/src/routes/menu/singleplayer/Singleplayer.svelte
index 278900b7a90..fc4780e7383 100644
--- a/src-theme/src/routes/menu/singleplayer/Singleplayer.svelte
+++ b/src-theme/src/routes/menu/singleplayer/Singleplayer.svelte
@@ -66,53 +66,53 @@
     }
 </script>
 
-    <OptionBar>
-        <Search on:search={handleSearch}/>
-        <MultiSelect title="Game Mode" options={["Survival", "Creative", "Adventure", "Spectator"]}
-                     bind:values={gameModes}/>
-        <MultiSelect title="Difficulty" options={["Peaceful", "Easy", "Normal", "Hard"]} bind:values={difficulties}/>
-    </OptionBar>
-
-    <MenuList sortable={false} on:sort={handleWorldSort}>
-        {#each renderedWorlds as world}
-            <MenuListItem
-                    image={!world.icon ?
+<OptionBar>
+    <Search on:search={handleSearch}/>
+    <MultiSelect title="Game Mode" options={["Survival", "Creative", "Adventure", "Spectator"]}
+                 bind:values={gameModes}/>
+    <MultiSelect title="Difficulty" options={["Peaceful", "Easy", "Normal", "Hard"]} bind:values={difficulties}/>
+</OptionBar>
+
+<MenuList sortable={false} on:sort={handleWorldSort}>
+    {#each renderedWorlds as world}
+        <MenuListItem
+                image={!world.icon ?
                         `${REST_BASE}/api/v1/client/resource?id=minecraft:textures/misc/unknown_server.png` :
                         `data:image/png;base64,${world.icon}`}
-                    title={world.displayName}
-                    on:dblclick={() => openWorld(world.name)}>
-                <svelte:fragment slot="subtitle">
-                    <span class="world-name">{world.name}</span>
-                    <span>({dateFormat(new Date(world.lastPlayed), "yyyy/mm/dd h:MM:ss TT")})</span>
-                </svelte:fragment>
-
-                <svelte:fragment slot="tag">
-                    <MenuListItemTag text={capitalize(world.gameMode)}/>
-                    <MenuListItemTag text={capitalize(world.difficulty)}/>
-                    <MenuListItemTag text="Minecraft {world.version}"/>
-                </svelte:fragment>
-
-                <svelte:fragment slot="active-visible">
-                    <MenuListItemButton title="Delete" icon="trash" on:click={() => removeWorld(world.name)}/>
-                    <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editWorld(world.name)}/>
-                </svelte:fragment>
-
-                <svelte:fragment slot="always-visible">
-                    <MenuListItemButton title="Open" icon="play" on:click={() => openWorld(world.name)}/>
-                </svelte:fragment>
-            </MenuListItem>
-        {/each}
-    </MenuList>
-
-    <BottomButtonWrapper>
-        <ButtonContainer>
-            <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => openScreen("create_world")}/>
-        </ButtonContainer>
-
-        <ButtonContainer>
-            <IconTextButton icon="icon-back.svg" title="Back" on:click={() => openScreen("title")}/>
-        </ButtonContainer>
-    </BottomButtonWrapper>
+                title={world.displayName}
+                on:dblclick={() => openWorld(world.name)}>
+            <svelte:fragment slot="subtitle">
+                <span class="world-name">{world.name}</span>
+                <span>({dateFormat(new Date(world.lastPlayed), "yyyy/mm/dd h:MM:ss TT")})</span>
+            </svelte:fragment>
+
+            <svelte:fragment slot="tag">
+                <MenuListItemTag text={capitalize(world.gameMode)}/>
+                <MenuListItemTag text={capitalize(world.difficulty)}/>
+                <MenuListItemTag text="Minecraft {world.version}"/>
+            </svelte:fragment>
+
+            <svelte:fragment slot="active-visible">
+                <MenuListItemButton title="Delete" icon="trash" on:click={() => removeWorld(world.name)}/>
+                <MenuListItemButton title="Edit" icon="pen-2" on:click={() => editWorld(world.name)}/>
+            </svelte:fragment>
+
+            <svelte:fragment slot="always-visible">
+                <MenuListItemButton title="Open" icon="play" on:click={() => openWorld(world.name)}/>
+            </svelte:fragment>
+        </MenuListItem>
+    {/each}
+</MenuList>
+
+<BottomButtonWrapper>
+    <ButtonContainer>
+        <IconTextButton icon="icon-plus-circle.svg" title="Add" on:click={() => openScreen("create_world")}/>
+    </ButtonContainer>
+
+    <ButtonContainer>
+        <IconTextButton icon="icon-back.svg" title="Back" on:click={() => openScreen("title")}/>
+    </ButtonContainer>
+</BottomButtonWrapper>
 
 <style lang="scss">
   .world-name {
diff --git a/src-theme/src/routes/menu/title/Title.svelte b/src-theme/src/routes/menu/title/Title.svelte
index dbf9edb998c..08015dac56d 100644
--- a/src-theme/src/routes/menu/title/Title.svelte
+++ b/src-theme/src/routes/menu/title/Title.svelte
@@ -52,51 +52,51 @@
 
 <div class="title-screen">
     {#if isAnniversary()}
-        <ConfettiBackground />
+        <ConfettiBackground/>
     {/if}
 
-        <div class="content">
-            <div class="main-buttons">
-                {#if regularButtonsShown}
-                    <MainButton title="Singleplayer" icon="singleplayer" index={0}
-                                on:click={() => openScreen("singleplayer")}/>
+    <div class="content">
+        <div class="main-buttons">
+            {#if regularButtonsShown}
+                <MainButton title="Singleplayer" icon="singleplayer" index={0}
+                            on:click={() => openScreen("singleplayer")}/>
 
-                    <MainButton title="Multiplayer" icon="multiplayer" let:parentHovered
-                                on:click={() => openScreen("multiplayer")} index={1}>
-                        <ChildButton title="Realms" icon="realms" {parentHovered}
-                                     on:click={() => openScreen("multiplayer_realms")}/>
-                    </MainButton>
-                    <MainButton title="LiquidBounce" icon="liquidbounce" on:click={toggleButtons} index={2}/>
-                    <MainButton title="Options" icon="options" on:click={() => openScreen("options")} index={3}/>
-                {:else if clientButtonsShown}
-                    <MainButton title="Proxy Manager" icon="proxymanager" on:click={() => openScreen("proxymanager")}
-                                index={0}/>
-                    <MainButton title="Click GUI" icon="clickgui" on:click={() => openScreen("clickgui")} index={1}/>
-                    <!-- <MainButton title="Scripts" icon="scripts" index={2}/> -->
-                    <MainButton title="Back" icon="back-large" on:click={toggleButtons} index={2}/>
-                {/if}
-            </div>
+                <MainButton title="Multiplayer" icon="multiplayer" let:parentHovered
+                            on:click={() => openScreen("multiplayer")} index={1}>
+                    <ChildButton title="Realms" icon="realms" {parentHovered}
+                                 on:click={() => openScreen("multiplayer_realms")}/>
+                </MainButton>
+                <MainButton title="LiquidBounce" icon="liquidbounce" on:click={toggleButtons} index={2}/>
+                <MainButton title="Options" icon="options" on:click={() => openScreen("options")} index={3}/>
+            {:else if clientButtonsShown}
+                <MainButton title="Proxy Manager" icon="proxymanager" on:click={() => openScreen("proxymanager")}
+                            index={0}/>
+                <MainButton title="Click GUI" icon="clickgui" on:click={() => openScreen("clickgui")} index={1}/>
+                <!-- <MainButton title="Scripts" icon="scripts" index={2}/> -->
+                <MainButton title="Back" icon="back-large" on:click={toggleButtons} index={2}/>
+            {/if}
+        </div>
 
-            <div class="additional-buttons" transition:fly|global={{duration: 700, y: 100}}>
-                <ButtonContainer>
-                    <IconTextButton icon="icon-exit.svg" title="Exit" on:click={exitClient}/>
-                    <IconTextButton icon="icon-change-background.svg" title="Toggle Shader"
-                                    on:click={toggleBackgroundShaderEnabled}/>
-                </ButtonContainer>
-            </div>
+        <div class="additional-buttons" transition:fly|global={{duration: 700, y: 100}}>
+            <ButtonContainer>
+                <IconTextButton icon="icon-exit.svg" title="Exit" on:click={exitClient}/>
+                <IconTextButton icon="icon-change-background.svg" title="Toggle Shader"
+                                on:click={toggleBackgroundShaderEnabled}/>
+            </ButtonContainer>
+        </div>
 
-            <div class="social-buttons" transition:fly|global={{duration: 700, y: 100}}>
-                <ButtonContainer>
-                    <IconButton title="Forum" icon="nodebb" on:click={() => browse("MAINTAINER_FORUM")}/>
-                    <IconButton title="GitHub" icon="github" on:click={() => browse("MAINTAINER_GITHUB")}/>
-                    <IconButton title="Discord" icon="discord" on:click={() => browse("MAINTAINER_DISCORD")}/>
-                    <IconButton title="Twitter" icon="twitter" on:click={() => browse("MAINTAINER_TWITTER")}/>
-                    <IconButton title="YouTube" icon="youtube" on:click={() => browse("MAINTAINER_YOUTUBE")}/>
-                    <IconTextButton title="liquidbounce.net" icon="icon-liquidbounce.net.svg"
-                                    on:click={() => browse("CLIENT_WEBSITE")}/>
-                </ButtonContainer>
-            </div>
+        <div class="social-buttons" transition:fly|global={{duration: 700, y: 100}}>
+            <ButtonContainer>
+                <IconButton title="Forum" icon="nodebb" on:click={() => browse("MAINTAINER_FORUM")}/>
+                <IconButton title="GitHub" icon="github" on:click={() => browse("MAINTAINER_GITHUB")}/>
+                <IconButton title="Discord" icon="discord" on:click={() => browse("MAINTAINER_DISCORD")}/>
+                <IconButton title="Twitter" icon="twitter" on:click={() => browse("MAINTAINER_TWITTER")}/>
+                <IconButton title="YouTube" icon="youtube" on:click={() => browse("MAINTAINER_YOUTUBE")}/>
+                <IconTextButton title="liquidbounce.net" icon="icon-liquidbounce.net.svg"
+                                on:click={() => browse("CLIENT_WEBSITE")}/>
+            </ButtonContainer>
         </div>
+    </div>
 </div>
 
 <style>