Merge pull request #44 from ANovaBerkeley/styling

Styling
ANovaBerkeley · Apr 5, 2021 · aaaec02 · aaaec02
2 parents 8a3ab2d + 024c3a2
commit aaaec02
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/client/src/components/Roster.js b/client/src/components/Roster.js
@@ -36,12 +36,14 @@ const Roster = props => {
   ));
 
   return (
-    <div className="container">
-      <h1 style={{ height: 'inherit' }}>Mentors</h1>
-      <div className="containerGrid">{mentorRosterCards}</div>
-      <h1 style={{ marginTop: '30px', height: 'inherit' }}>Students</h1>
-      <div className="containerGrid">{studentRosterCards}</div>
-    </div>
+    <body>
+      <div className="container">
+        <h1 style={{ height: 'inherit' }}>Mentors</h1>
+        <div className="containerGrid">{mentorRosterCards}</div>
+        <h1 style={{ marginTop: '30px', height: 'inherit' }}>Students</h1>
+        <div className="containerGrid">{studentRosterCards}</div>
+      </div>
+    </body>
   );
 };
 

diff --git a/client/src/stylesheets/Roster.css b/client/src/stylesheets/Roster.css
@@ -14,6 +14,7 @@
 }
 
 .containerGrid {
+  max-width: calc(100vw - 200px);
   background-color: #e6f4fc;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -73,11 +74,15 @@ img {
 
 .ant-card-cover {
   display: block;
-  width: 50%;
+  width: 40%;
   align-content: center;
   margin-left: auto;
   margin-right: auto;
-  padding-top: 10px;
+  padding-top: 40px;
+}
+
+.ant-card-body p {
+  overflow-wrap: anywhere;
 }
 
 .error {