From 942b089f567e5d7b77ac0c3822c8e149ef6affcf Mon Sep 17 00:00:00 2001
From: Goeme Nthomiwa <gnthomiwa@gmail.com>
Date: Thu, 2 May 2024 13:30:27 -0700
Subject: [PATCH] fix: use dashboard layout margins in landing page (#456)

---
 frontend/src/components/Login.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue
index a46da6a37..f392f3e77 100644
--- a/frontend/src/components/Login.vue
+++ b/frontend/src/components/Login.vue
@@ -2,7 +2,7 @@
   <v-container class="undized">
     <v-row no-gutters>
       <v-col cols="12">
-        <v-container class="justify-center">
+        <v-container class="justify-center narrow">
           <v-row no-gutters>
             <v-col>
               <!-- begin -->  
@@ -36,7 +36,7 @@
     </v-row>
     <v-row no-gutters class="grey-div">
       <v-col>
-        <v-container class="justify-center">
+        <v-container class="justify-center narrow">
           <v-row no-gutters>
             <v-col>
               <h3 class="centered-text mt-14 mb-8">
@@ -196,6 +196,12 @@ export default {
 </script>
 
 <style scoped>
+
+  .narrow {
+    width: 85%;
+    margin-left: auto;
+    margin-right: auto;
+  }
   .image-monitor {
     border-style: none;
     margin-left: auto;