fix styling overflows since header refactor

Author: Connoropolous

web/src/components/OutcomeTable/OutcomeTable.scss

@@ -6,7 +6,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--bg-color-tertiary);
-  margin: 0.5rem 0.5rem 0 0.5rem;
+  margin: 0.5rem;
   border-radius: 0.5rem;
   box-shadow: 0rem 0rem 1.25rem var(--shadow-color);
 
@@ -42,6 +42,6 @@
   .outcome-table-rows {
     flex: 1;
     overflow-y: scroll;
-    padding-bottom: 9rem;
+    padding-bottom: 3rem;
   }
 }

web/src/routes/ProjectView/PriorityView/PriorityView.scss

@@ -2,7 +2,8 @@
   margin: 0;
   display: flex;
   flex-direction: row;
-  height: 100vh;
+  flex: 1;
+  overflow: hidden;
   padding: 0rem 0.5rem 0rem 0;
   box-sizing: border-box;
 }
@@ -202,8 +203,7 @@
 
 .universal-priority-droppable-wrapper {
   width: 100%;
-  padding-top: 0.5rem;
-  padding-bottom: 5rem;
+  padding: 0.5rem 0;
 
   // TODO: figure out a way to make a classname or id for this div
   // (draggable element) to prevent the need for !important

web/src/routes/ProjectView/TableView/TableView.scss

@@ -1,3 +1,4 @@
 .table-view {
-  height: 100vh;
-}
+  flex: 1;
+  overflow: hidden;
+}