From b51de3059b566587cd1de5289160e56e029804d3 Mon Sep 17 00:00:00 2001
From: Heather Moses <hlm8500@rit.edu>
Date: Fri, 27 Mar 2020 11:37:32 -0400
Subject: [PATCH 1/2] Added CaseStudy.scss and updated about section

---
 client/src/assets/stylesheets/main.scss       |  4 +-
 .../assets/stylesheets/pages/CaseStudy.scss   | 46 +++++++++++++++++++
 client/src/components/body/about.js           |  4 +-
 3 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 client/src/assets/stylesheets/pages/CaseStudy.scss

diff --git a/client/src/assets/stylesheets/main.scss b/client/src/assets/stylesheets/main.scss
index ab47bfa..a04a117 100755
--- a/client/src/assets/stylesheets/main.scss
+++ b/client/src/assets/stylesheets/main.scss
@@ -6,4 +6,6 @@
 @import "base/helpers";
 @import "components/App";
 @import "components/Header";
-@import "components/form";
\ No newline at end of file
+@import "components/form";
+
+@import "pages/CaseStudy";
\ No newline at end of file
diff --git a/client/src/assets/stylesheets/pages/CaseStudy.scss b/client/src/assets/stylesheets/pages/CaseStudy.scss
new file mode 100644
index 0000000..9c40dee
--- /dev/null
+++ b/client/src/assets/stylesheets/pages/CaseStudy.scss
@@ -0,0 +1,46 @@
+.study {
+  width: 960px;
+  margin: 2rem auto;
+  font-size: 1.5rem;
+
+  > h1 {
+    margin-bottom: 3rem;
+  }
+
+  > h3 {
+    margin-bottom: 1rem;
+    text-decoration: underline;
+  }
+
+  &__list {
+    text-align: left;
+    list-style-type: disc;
+
+    > li {
+      margin-bottom: 1rem;
+    }
+  }
+
+  &__actions {
+    margin-top: 1rem;
+    text-align: left;
+  }
+
+  p {
+    text-align: justify;
+    margin-bottom: 3rem;
+    font-size: 1.25rem;
+  }
+
+  img {
+    width: 50%;
+  }
+
+  > div {
+    font-size: 0.9rem;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    margin-bottom: 2rem;
+  }
+}
diff --git a/client/src/components/body/about.js b/client/src/components/body/about.js
index 71342f0..27de843 100755
--- a/client/src/components/body/about.js
+++ b/client/src/components/body/about.js
@@ -23,13 +23,15 @@ const About = ({ title, description, links }) => {
           </div>
         </div>
       </section>
-      <div class="row">
+      <div class="study">
+      <p>
         In this lab, you will learn about why it is important to create software
         that is accessible to users with dexterity impairments.
         You will learn about issues related to dexterity,
         increase your understanding through an interactive module about
         dexterity impairments, watch related videos,
         and take a quiz to test your knowledge. Click "Next" to start!
+      </p>
       </div>
     </div>
   );

From 2554c7b4288e87eedf37f114be0055121deaad24 Mon Sep 17 00:00:00 2001
From: Heather Moses <hlm8500@rit.edu>
Date: Wed, 1 Apr 2020 20:30:51 -0400
Subject: [PATCH 2/2] Fixed alignment issues, all in line with the header now

---
 client/src/App.js                                  | 2 +-
 client/src/assets/stylesheets/pages/CaseStudy.scss | 3 +--
 client/src/components/body/reading.js              | 2 +-
 client/src/css/style.css                           | 5 +++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index f0fb014..971c987 100755
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -206,7 +206,7 @@ class App extends Component {
             >
               next
             </button>
-            <footer class="footer">
+            <footer>
               <div class="btn-change">
                 <Change />
               </div>
diff --git a/client/src/assets/stylesheets/pages/CaseStudy.scss b/client/src/assets/stylesheets/pages/CaseStudy.scss
index 9c40dee..ed3c5c1 100644
--- a/client/src/assets/stylesheets/pages/CaseStudy.scss
+++ b/client/src/assets/stylesheets/pages/CaseStudy.scss
@@ -1,8 +1,7 @@
 .study {
-  width: 960px;
   margin: 2rem auto;
   font-size: 1.5rem;
-
+  text-align: center;
   > h1 {
     margin-bottom: 3rem;
   }
diff --git a/client/src/components/body/reading.js b/client/src/components/body/reading.js
index 43ffefb..ba41520 100644
--- a/client/src/components/body/reading.js
+++ b/client/src/components/body/reading.js
@@ -23,7 +23,7 @@ const Reading = ({ title, description, links }) => {
           </div>
         </div>
       </section>
-      <div class="row">
+      <div>
         Reading that discusses the topic, how it affects people, how often it
         occers, etc.
       </div>
diff --git a/client/src/css/style.css b/client/src/css/style.css
index 6255e2f..2c36866 100644
--- a/client/src/css/style.css
+++ b/client/src/css/style.css
@@ -97,7 +97,6 @@ h2{
   border-color: #fed136;
   color: #404040;
   float: right;
-  margin: 20px;
   padding: 8px !important;
 }
 .back {
@@ -105,9 +104,11 @@ h2{
   border-color: #404040;
   color: white;
   float: left;
-  margin: 20px;
   padding: 8px !important;
 }
+.back, .next{
+  margin-bottom:10px;
+}
 .hidden {
   display: none;
 }