From fa6d3bb95db162d7abcf3c29b0100e0f9200507c Mon Sep 17 00:00:00 2001
From: somesh202 <77766761+somesh202@users.noreply.github.com>
Date: Sat, 11 Sep 2021 11:30:30 +0530
Subject: [PATCH] centered-login-form

---
 webapp/components/LoginForm/LoginForm.vue             |  2 +-
 webapp/components/Registration/RegistrationSlider.vue | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webapp/components/LoginForm/LoginForm.vue b/webapp/components/LoginForm/LoginForm.vue
index bd4d6c645..5d06dcb61 100644
--- a/webapp/components/LoginForm/LoginForm.vue
+++ b/webapp/components/LoginForm/LoginForm.vue
@@ -115,7 +115,7 @@ export default {
 .login-form {
   width: 80vw;
   max-width: 620px;
-  /* margin: auto; */
+  margin: auto; 
 
   .base-button {
     display: block;
diff --git a/webapp/components/Registration/RegistrationSlider.vue b/webapp/components/Registration/RegistrationSlider.vue
index fc2878c1b..3fe13225b 100644
--- a/webapp/components/Registration/RegistrationSlider.vue
+++ b/webapp/components/Registration/RegistrationSlider.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="login-form">
+  <section class="registration-slider">
     <base-card>
       <template #imageColumn>
         <page-params-link :pageParams="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)">
@@ -255,4 +255,10 @@ export default {
 }
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+.registration-slider {
+  width: 80vw;
+  max-width: 620px;
+  margin: auto; 
+}
+</style>