diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss index 42c93c3..d20f190 100644 --- a/src/sass/_panel-problems.scss +++ b/src/sass/_panel-problems.scss @@ -15,6 +15,10 @@ display: flex; flex-direction: column; + .rt-table { + height: 100%; + } + .rt-thead { &.-header { height: 2.4em; @@ -94,29 +98,44 @@ flex: 1 0 auto; display: flex; flex-direction: column; + align-items: center; + $footer-height: 30px; + padding-top: 4px; + margin-left: -10px; + margin-right: -10px; + box-shadow: 0px -2px 5px $problems-footer-shadow; + z-index: 1; .-pagination { margin-top: auto; - height: 3rem; + align-items: baseline; .-previous { flex: 1; + height: $footer-height; } .-center { flex: 3; + width: 32rem; + height: $footer-height; .-pageJump { margin: 0px 0.4rem; + input { + height: $footer-height; + } } - .select-wrap select { + .select-wrap.-pageSizeOptions select { width: 8rem; + height: $footer-height; } } .-next { flex: 1; + height: $footer-height; } } } diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss index 1a2f145..d72393f 100644 --- a/src/sass/_variables.dark.scss +++ b/src/sass/_variables.dark.scss @@ -36,3 +36,5 @@ $problem-icon-ok-color: #629e51; $problem-container-shadow: $dark-1; $porblem-ack-shadow: -2px 2px 10px 1px $problem-container-shadow; + +$problems-footer-shadow: $problem-container-shadow; diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss index 796ba2a..2f78e09 100644 --- a/src/sass/_variables.light.scss +++ b/src/sass/_variables.light.scss @@ -36,3 +36,5 @@ $problem-icon-ok-color: #629e51; $problem-container-shadow: $gray-3; $porblem-ack-shadow: -2px 2px 10px 0px $problem-container-shadow; + +$problems-footer-shadow: rgba($problem-container-shadow, 0.5);