From dade755780a06e4e98aa601c9fd1d6014dce8a10 Mon Sep 17 00:00:00 2001
From: julianajlk <julianajlk@gmail.com>
Date: Wed, 23 Jun 2021 15:02:34 -0400
Subject: [PATCH] Updates after UX review

---
 src/courseware/course/Course.jsx             | 2 +-
 src/courseware/course/Sidebar.scss           | 2 +-
 src/courseware/course/sequence/Sequence.jsx  | 2 +-
 src/generic/upgrade-button/UpgradeButton.jsx | 4 +++-
 src/generic/upgrade-card/UpgradeCard.scss    | 6 +++---
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/courseware/course/Course.jsx b/src/courseware/course/Course.jsx
index 6c2b5f21..a4506641 100644
--- a/src/courseware/course/Course.jsx
+++ b/src/courseware/course/Course.jsx
@@ -68,7 +68,7 @@ function Course({
 
   const shouldDisplaySidebarButton = useWindowSize().width >= responsiveBreakpoints.small.minWidth;
 
-  const [sidebarVisible, setSidebar] = useState(false);
+  const [sidebarVisible, setSidebar] = useState(true);
   const isSidebarVisible = () => sidebarVisible && setSidebar;
   const toggleSidebar = () => {
     if (sidebarVisible) { setSidebar(false); } else { setSidebar(true); }
diff --git a/src/courseware/course/Sidebar.scss b/src/courseware/course/Sidebar.scss
index fd561514..2417e329 100644
--- a/src/courseware/course/Sidebar.scss
+++ b/src/courseware/course/Sidebar.scss
@@ -1,7 +1,7 @@
 .sidebar-container {
     border: 1px solid $light-400;
     border-radius: 4px;
-    width: 20rem;
+    width: 31rem;
     vertical-align: top;
     height: 100%;
 
diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx
index 5966ac74..6977992a 100644
--- a/src/courseware/course/sequence/Sequence.jsx
+++ b/src/courseware/course/sequence/Sequence.jsx
@@ -226,7 +226,7 @@ function Sequence({
           )}
         </div>
       </div>
-      {sidebarVisible ? (
+      {isValuePropCookieSet && sidebarVisible ? (
         <Sidebar
           toggleSidebar={toggleSidebar}
           sidebarVisible={sidebarVisible}
diff --git a/src/generic/upgrade-button/UpgradeButton.jsx b/src/generic/upgrade-button/UpgradeButton.jsx
index 6be38d52..32530569 100644
--- a/src/generic/upgrade-button/UpgradeButton.jsx
+++ b/src/generic/upgrade-button/UpgradeButton.jsx
@@ -20,9 +20,11 @@ function UpgradeButton(props) {
 
   return (
     <Button
-      variant={variant}
       href={url}
       onClick={onClick}
+      size="lg"
+      variant={variant}
+      block
       {...rest}
     >
       <FormattedMessage
diff --git a/src/generic/upgrade-card/UpgradeCard.scss b/src/generic/upgrade-card/UpgradeCard.scss
index a4b7b34c..bbb56139 100644
--- a/src/generic/upgrade-card/UpgradeCard.scss
+++ b/src/generic/upgrade-card/UpgradeCard.scss
@@ -34,9 +34,9 @@
 }
 
 .upgrade-card-button {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem;
-  margin-bottom: 1.25rem;
+    width: 90%;
+    margin: 0 auto;
+    margin-bottom: 1.25rem;
 }
 
 .discount-info {