diff --git a/frontend/src/assets/scss/custom.scss b/frontend/src/assets/scss/custom.scss index 056f19a2ac2564629e89ca96cfc37aa6d490ef76..c4dc6749ea8cb323862cb237065f6f3ca1c302c0 100644 --- a/frontend/src/assets/scss/custom.scss +++ b/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"; \ No newline at end of file +@import "bootstrap5/mixins"; diff --git a/frontend/src/components/pages/ModuleResources/style.module.scss b/frontend/src/components/pages/ModuleResources/style.module.scss index 213149bd92ef59db651f541704c777a3cd0f0b32..0613406a5525584c2bfe0eaacba18c873e2559ae 100644 --- a/frontend/src/components/pages/ModuleResources/style.module.scss +++ b/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; diff --git a/frontend/src/components/pages/StandardView/index.tsx b/frontend/src/components/pages/StandardView/index.tsx index 2c4ad1245a1ca89a6f9fead8b4f0707d83020198..e2b7c993d7a8a86c7c6a4e1ff02f8a8dd4cb6071 100644 --- a/frontend/src/components/pages/StandardView/index.tsx +++ b/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" /> diff --git a/frontend/src/components/pages/StandardView/style.scss b/frontend/src/components/pages/StandardView/style.scss index 0193bf2e8f257c1bd2a3a3c5752ef54da7aec5b9..e8899f725e65007c4777b92f4ab2f346002cc174 100644 --- a/frontend/src/components/pages/StandardView/style.scss +++ b/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; }