diff --git a/skolehjem/public/css/admin.css b/skolehjem/public/css/admin.css index 507ef22..dffabea 100644 --- a/skolehjem/public/css/admin.css +++ b/skolehjem/public/css/admin.css @@ -6676,6 +6676,40 @@ main { min-height: calc(100% - 40.8px - 8rem); padding: 1rem; margin: 2rem auto; + display: flex; + flex-direction: column; +} + +.content > nav { + margin-top: auto; +} + +nav > .pagination { + display: flex; + list-style: none; + -webkit-padding-start: unset; + padding-inline-start: unset; + justify-content: center; +} + +.pagination > .page-item { + display: block; + list-style: none; + padding-right: 8px; + font-size: 1.5rem; + color: black; +} + +.pagination > .page-item:last-child { + padding: 0; +} + +.pagination > .page-item.disabled { + color: darkgrey; +} + +.pagination > .page-item.active { + font-weight: bold; } .tbl { diff --git a/skolehjem/resources/sass/admin/content/content.scss b/skolehjem/resources/sass/admin/content/content.scss index b13460f..dd4b215 100644 --- a/skolehjem/resources/sass/admin/content/content.scss +++ b/skolehjem/resources/sass/admin/content/content.scss @@ -5,4 +5,37 @@ min-height: calc(100% - 40.8px - 8rem); padding: 1rem; margin: 2rem auto; + display: flex; + flex-direction: column; +} + +.content > nav { + margin-top: auto; +} + +nav > .pagination { + display: flex; + list-style: none; + padding-inline-start: unset; + justify-content: center; +} + +.pagination > .page-item { + display: block; + list-style: none; + padding-right: 8px; + font-size: 1.5rem; + color: black; +} + +.pagination > .page-item:last-child { + padding: 0; +} + +.pagination > .page-item.disabled { + color: darkgrey; +} + +.pagination > .page-item.active { + font-weight: bold; }