refactored the fix to work on all tabs. Use minmax to contain the bottom two containers to their min-content at a min or 5% of total at a max. remaining ~90% is handled by 1fr, 1 fraction of the remaining space after calculating the bottom two.

Author: jrosengrant

src/app/styles/layout/_bodyContainer.scss

@@ -3,7 +3,7 @@
   overflow: hidden;
   display: grid;
   grid-template-columns: min-content 1fr;
-  // grid-template-rows: 90% 5% 5%; JR: this was causing buttons to get cut off when viewport is small
+  grid-template-rows: 1fr minmax(min-content, 5%) minmax(min-content, 5%);
   grid-template-areas:
     'actions states'
     'travel travel'