From b9c029125f4d34d77cfa3ebb7a61771ee8d7e407 Mon Sep 17 00:00:00 2001
From: CodexAdrian <83074853+CodexAdrian@users.noreply.github.com>
Date: Wed, 10 May 2023 00:55:00 -0400
Subject: [PATCH] Fix instance

---
 theseus_gui/src/pages/instance/Index.vue | 58 ++++++++++++------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/theseus_gui/src/pages/instance/Index.vue b/theseus_gui/src/pages/instance/Index.vue
index 4de4f7582..b0cbb29e0 100644
--- a/theseus_gui/src/pages/instance/Index.vue
+++ b/theseus_gui/src/pages/instance/Index.vue
@@ -1,15 +1,15 @@
 <template>
-    <div class="instance-container">
-      <div class="side-cards">
-        <Card class="instance-card">
-          <Avatar size="lg" :src="convertFileSrc(instance.metadata.icon)" />
-          <div class="instance-info">
-            <h2 class="name">{{ instance.metadata.name }}</h2>
-            <span class="metadata">
-              {{ instance.metadata.loader }} {{ instance.metadata.game_version }}
-            </span>
-          </div>
-          <span class="button-group">
+  <div class="instance-container">
+    <div class="side-cards">
+      <Card class="instance-card">
+        <Avatar size="lg" :src="convertFileSrc(instance.metadata.icon)" />
+        <div class="instance-info">
+          <h2 class="name">{{ instance.metadata.name }}</h2>
+          <span class="metadata">
+            {{ instance.metadata.loader }} {{ instance.metadata.game_version }}
+          </span>
+        </div>
+        <span class="button-group">
           <Button
             v-if="playing === true"
             color="danger"
@@ -37,27 +37,27 @@
             <OpenFolderIcon />
           </Button>
         </span>
-        </Card>
-        <div class="pages-list">
-          <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/`" class="btn">
-            <BoxIcon />
-            Mods
-          </RouterLink>
-          <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/options`" class="btn">
-            <SettingsIcon />
-            Options
-          </RouterLink>
-          <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/logs`" class="btn">
-            <FileIcon />
-            Logs
-          </RouterLink>
-        </div>
+      </Card>
+      <div class="pages-list">
+        <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/`" class="btn">
+          <BoxIcon />
+          Mods
+        </RouterLink>
+        <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/options`" class="btn">
+          <SettingsIcon />
+          Options
+        </RouterLink>
+        <RouterLink :to="`/instance/${encodeURIComponent($route.params.id)}/logs`" class="btn">
+          <FileIcon />
+          Logs
+        </RouterLink>
       </div>
-      <div class="content">
-        <Promotion />
-        <router-view :instance="instance" />
     </div>
+    <div class="content">
+      <Promotion />
+      <router-view :instance="instance" />
     </div>
+  </div>
 </template>
 <script setup>
 import { BoxIcon, SettingsIcon, FileIcon, XIcon, Button, Avatar, Card, Promotion } from 'omorphia'