From 62ec1aa0d176ecf49ce4336b6e3ac7c1b538da0f Mon Sep 17 00:00:00 2001
From: adityagarg06 <adityagarg2003@gmail.com>
Date: Thu, 13 Jul 2023 08:54:26 +0530
Subject: [PATCH] fixed about text overflow

---
 client/styles/components/_about.scss   | 20 +++++++++++++++++++-
 client/styles/components/_overlay.scss |  1 -
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/styles/components/_about.scss b/client/styles/components/_about.scss
index 8876f33f13..161ecb1bf8 100644
--- a/client/styles/components/_about.scss
+++ b/client/styles/components/_about.scss
@@ -21,6 +21,24 @@
 .about__content-column {
   display: flex;
   flex-direction: column;
+  margin-left: 15px;
+  margin-right: 15px;
+}
+
+@media (max-width: 768px) {
+  .about__content {
+    flex-direction: column;
+    overflow-y: auto;
+    overflow-x: hidden;
+    width: 100%;
+    margin-right: 15rem;
+  }
+
+  .about__footer {
+    flex-direction: column;
+    padding-left: #{20 / $base-font-size}rem;
+    padding-right: #{20 / $base-font-size}rem;
+  }
 }
 
 .about__content-column-title {
@@ -69,7 +87,7 @@
   padding-top: #{18 / $base-font-size}rem;
   padding-right: #{20 / $base-font-size}rem;
   padding-bottom: #{21 / $base-font-size}rem;
-  padding-left: #{291 / $base-font-size}rem;
+  padding-left: #{20 / $base-font-size}rem;
   width: 100%;
 }
 
diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss
index b33797f60d..7351b92e70 100644
--- a/client/styles/components/_overlay.scss
+++ b/client/styles/components/_overlay.scss
@@ -23,7 +23,6 @@
   flex-wrap: wrap;
   flex-flow: column;
   max-height: 80%;
-  max-width: 65%;
   position: relative;
   padding-bottom: #{25 / $base-font-size}rem;
 }