From 370c480c28966a565c8aad8817c1b1cd8c5773a3 Mon Sep 17 00:00:00 2001
From: dewanshDT <dewansh.dt@gmail.com>
Date: Sun, 10 Sep 2023 02:34:42 +0530
Subject: [PATCH 1/2] account ui update

---
 client/styles/components/_account.scss        | 16 ++++++++++++++++
 client/styles/components/_form-container.scss |  4 ++++
 client/styles/components/_forms.scss          |  7 ++++++-
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/client/styles/components/_account.scss b/client/styles/components/_account.scss
index a70f346067..4229511123 100644
--- a/client/styles/components/_account.scss
+++ b/client/styles/components/_account.scss
@@ -4,6 +4,12 @@
     background-color: getThemifyVariable('background-color');
   }
   min-height: 100%;
+
+  @media (max-width: 770px) {
+    .account-settings__header {
+      display: none;
+    }
+  }
 }
 
 .account-settings {
@@ -24,6 +30,16 @@
 
 .account__social-stack {
   display: flex;
+  @media (max-width: 770px) {
+    flex-direction: column;
+    align-items: center;
+    gap: #{15 / $base-font-size}rem;
+
+    button, a {
+      width: 100% !important;
+      margin-right: 0;
+    }
+  }
 }
 
 .account__social-stack > * {
diff --git a/client/styles/components/_form-container.scss b/client/styles/components/_form-container.scss
index 53835c3eed..7ea0aeb029 100644
--- a/client/styles/components/_form-container.scss
+++ b/client/styles/components/_form-container.scss
@@ -58,6 +58,10 @@
 
 .form-container__divider {
 	padding: #{20 / $base-font-size}rem 0;
+
+	@media (max-width: 770px) {
+		text-align: center;
+	}
 }
 
 .form-container__logo-button {
diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss
index d5eca026d8..c97a5e9b12 100644
--- a/client/styles/components/_forms.scss
+++ b/client/styles/components/_forms.scss
@@ -57,13 +57,18 @@
 
 .form__input {
   max-width: 90vw;
-  width: #{360 / $base-font-size}rem;
+  // width: #{360 / $base-font-size}rem;
+  width: 100%;
   height: #{40 / $base-font-size}rem;
   font-size: #{16 / $base-font-size}rem;
   @include themify() {
     color: getThemifyVariable("form-input-text-color");
     background-color: getThemifyVariable("input-background-color");
   }
+
+  @media (max-width: 770px) {
+    max-width: 100%;
+  }
 }
 
 .form__input-flexible-height {

From 5748e5aff41fb7ca29a0fc448ab1b5c3e1acf7db Mon Sep 17 00:00:00 2001
From: dewanshDT <dewansh.dt@gmail.com>
Date: Wed, 20 Sep 2023 21:13:49 +0530
Subject: [PATCH 2/2] fixed width issue

---
 client/styles/components/_form-container.scss | 1 +
 client/styles/components/_forms.scss          | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/styles/components/_form-container.scss b/client/styles/components/_form-container.scss
index 7ea0aeb029..40a485beae 100644
--- a/client/styles/components/_form-container.scss
+++ b/client/styles/components/_form-container.scss
@@ -29,6 +29,7 @@
 
 .form-container__content {
 	height: 100%;
+	max-width: 90vw;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss
index c97a5e9b12..d71796e5da 100644
--- a/client/styles/components/_forms.scss
+++ b/client/styles/components/_forms.scss
@@ -56,8 +56,7 @@
 }
 
 .form__input {
-  max-width: 90vw;
-  // width: #{360 / $base-font-size}rem;
+  min-width: #{355 / $base-font-size}rem;
   width: 100%;
   height: #{40 / $base-font-size}rem;
   font-size: #{16 / $base-font-size}rem;
@@ -68,6 +67,7 @@
 
   @media (max-width: 770px) {
     max-width: 100%;
+    width:100%;
   }
 }