From 84f84233a86d973725a5ab24e9637d739916dbe4 Mon Sep 17 00:00:00 2001
From: e26chiu <e26chiu@csc.uwaterloo.ca>
Date: Tue, 13 Dec 2022 21:46:39 -0500
Subject: [PATCH] Improve ComponentWrapper's mobile responsiveness

---
 components/ComponentWrapper.module.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/components/ComponentWrapper.module.css b/components/ComponentWrapper.module.css
index 25f8ae3..47d5f96 100644
--- a/components/ComponentWrapper.module.css
+++ b/components/ComponentWrapper.module.css
@@ -32,6 +32,7 @@
 }
 
 .wrapperCenter {
+  composes: sideWrapperCommon;
   flex-direction: column;
   text-align: center;
   gap: calc(25rem / 16);
@@ -43,6 +44,10 @@
   padding: 0 15%;
 }
 
+.wrapperCenter .internalWrapper {
+  margin: auto;
+}
+
 .wrapperNoBodyText {
   flex-direction: column;
 }
@@ -61,6 +66,10 @@
     width: 100%;
   }
 
+  .wrapperCenter .internalWrapper {
+    margin: initial;
+  }
+
   .wrapperCenter {
     padding: 0;
   }