Description of problem:
If you compare old and new UI, in new UI you can see less information on screen. It is because there are too big padding and margins. I use these modifications of new beaker pages:

  h1, h2, h3 {
        line-height: 10px !important;
      }

      .table th, .table td {
        padding: 2px !important;
      }
      .page-header {
        margin-bottom: 5px !important;
      }
      .form-search {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
      }
      .pagination {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
      }
I think it is not necessary to have that big paddings and margins because most of beaker users don't use touch-screen. 

Version-Release number of selected component (if applicable):
Version 0.15.3

How reproducible:
100%

Actual results:
Paddings and margins are too big and that's why there is less information visible on screen.

Expected results:
Paddings and margins are smaller than now.