From abde8bb815b5ab2cc37bd35bda52fb18bda053f9 Mon Sep 17 00:00:00 2001
From: Andrew Lalis <andrewlalisofficial@gmail.com>
Date: Thu, 16 Feb 2023 19:14:17 +0100
Subject: [PATCH] Cleaned up main layout and centered page content.

---
 .../src/components/StandardCenteredPage.vue   |  2 +-
 gymboard-app/src/layouts/MainLayout.vue       | 21 +++++++++++++------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/gymboard-app/src/components/StandardCenteredPage.vue b/gymboard-app/src/components/StandardCenteredPage.vue
index 229f1ef..4e5f7f6 100644
--- a/gymboard-app/src/components/StandardCenteredPage.vue
+++ b/gymboard-app/src/components/StandardCenteredPage.vue
@@ -7,7 +7,7 @@ Use this as the root component for any pages you create.
 -->
 <template>
   <div class="row justify-center">
-    <div class="col-xs-12 col-md-6 q-px-sm">
+    <div class="col-xs-12 col-sm-9 col-md-6 q-px-sm">
       <slot>
         <p>Page content</p>
       </slot>
diff --git a/gymboard-app/src/layouts/MainLayout.vue b/gymboard-app/src/layouts/MainLayout.vue
index f870bd8..bcc29fc 100644
--- a/gymboard-app/src/layouts/MainLayout.vue
+++ b/gymboard-app/src/layouts/MainLayout.vue
@@ -22,12 +22,21 @@
 
     <q-drawer v-model="leftDrawerOpen" show-if-above bordered>
       <q-list>
-        <q-item-label header>
-          {{ $t('mainLayout.pages') }}
-        </q-item-label>
-        <q-item clickable to="/">Gyms</q-item>
-        <q-item clickable>Global Leaderboard</q-item>
-        <q-item clickable to="/users">Users</q-item>
+        <q-item clickable to="/">
+          <q-item-section>
+            <q-item-label>Gyms</q-item-label>
+          </q-item-section>
+        </q-item>
+        <q-item clickable>
+          <q-item-section>
+            <q-item-label>Global Leaderboard</q-item-label>
+          </q-item-section>
+        </q-item>
+        <q-item clickable to="/users">
+          <q-item-section>
+            <q-item-label>Users</q-item-label>
+          </q-item-section>
+        </q-item>
       </q-list>
     </q-drawer>