Update stying of quick access cards

frontend/src/assets/scss/custom.scss

@@ -15,10 +15,10 @@ $grid-breakpoints: (
   md: 768px,
   lg: 992px,
   xl: 1200px,
-  xxl: 1500px
+  xxl: 2000px
 );
 
 //Bootstrap 5 scss from: https://github.com/twbs/bootstrap/tree/main/scss
 @import "bootstrap5/functions";
 @import "bootstrap5/variables";
-@import "bootstrap5/mixins";
+@import "bootstrap5/mixins";
\ No newline at end of file

frontend/src/components/pages/ModuleResources/style.module.scss

@@ -71,6 +71,10 @@
   font-size: 24px;
 }
 
+.sectionHeaderButtonGroup {
+  display: none;
+}
+
 .sectionHeaderButton {
   background: $white;
   color: #000;
@@ -79,12 +83,10 @@
   margin-left: 20px;
   justify-content: space-between;
   height: 2.25rem;
-  text-align: left;
   transition: 0.2s background;
   -webkit-transition: 0.2s background;
   -moz-transition: 0.2s background;
   font-size: 1.05rem;
-  width: 40px;
 }
 
 .buttonIcon {
@@ -122,6 +124,7 @@
   border-color: $gray-300;
   transition: transform 0.2s;
   margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .quickViewCard:hover {
@@ -202,6 +205,7 @@ $teal-tag-background: transparentize($teal-100, 0.5);
 
 .quickAccessRow::-webkit-scrollbar {
 	width: 1rem;
+  height: 0.5rem;
 }
 .quickAccessRow::-webkit-scrollbar-track {
   background: $white;

frontend/src/components/pages/StandardView/index.tsx

@@ -52,7 +52,7 @@ const StandardView: React.FC<StandardViewProps> = ({
       </Switch>
 
       <div id="sidenav-overlay" onClick={(e) => onOverlayClick(e)}></div>
-      <Container className={classNames("px-3", "pageContainer")}>
+      <Container className={classNames("pageContainer")}>
         <Switch>
           <Route path="/dashboard">
             <ExamplePage name="Dashboard" />

frontend/src/components/pages/StandardView/style.scss

@@ -51,4 +51,6 @@
 .pageContainer {
   padding-top: 1.875rem;
   margin-bottom: 10rem !important;
+  padding-left: 30px;
+  padding-right: 30px;
 }