problems: adjust table styles

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;
         }
       }
     }

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;

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);