diff --git a/src/stylesheets/components/_admin.scss b/src/stylesheets/components/_admin.scss index d3d69e2..441b9d6 100644 --- a/src/stylesheets/components/_admin.scss +++ b/src/stylesheets/components/_admin.scss @@ -1,3 +1,18 @@ +.adminContent { + min-height: 91vh; + background-color: $admin-bg; + padding: .5rem 1rem 0 1rem; + + @include respond-to('medium') { + padding-left: 2rem; + padding-right: 2rem; + } + + @include respond-to('large') { + margin-left: 20vw; + } +} + .adminItem { padding: .7rem; background-color: white; diff --git a/src/stylesheets/pages/_dashboard.scss b/src/stylesheets/pages/_dashboard.scss index b90ed2c..3eae5d9 100644 --- a/src/stylesheets/pages/_dashboard.scss +++ b/src/stylesheets/pages/_dashboard.scss @@ -1,30 +1,20 @@ -.adminContent { - min-height: 91vh; - background-color: $admin-bg; - padding: .5rem 1rem 0 1rem; +.dashboard__stats { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1rem; - .dashboard__stats { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 1rem; + .dashboard__stat { + text-align: center; + padding: 1rem; - .dashboard__stat { - text-align: center; - padding: 1rem; - - h2 { - color: $primary-colour; - margin: .75rem 0; - font-weight: bold; - } - } - - @include respond-to('medium') { - grid-template-columns: repeat(4, 1fr); + h2 { + color: $primary-colour; + margin: .75rem 0; + font-weight: bold; } } - @include respond-to('large') { - margin-left: 20vw; + @include respond-to('medium') { + grid-template-columns: repeat(4, 1fr); } }