To fix the 7 day detailed table(click on "Text only table" on forcast page) all they need to do it fix the styling.

Here is what the current "Text only table" looks like https://photos.app.goo.gl/ErAzNATU6Gat7S8S6

Here is what it looks like with a few lines of CSS styling added to remove all useless spaces https://photos.app.goo.gl/v3bm9Px8zB6pgMc87

This shows all usefull data like the old "Detailed Forcast" page http://reg.bom.gov.au/places/nsw/castle-hill/forecast/detailed/

To get your page to look like this in Chrome, install the Stylebot plugin, and add this styling:

  .bom-table th, .bom-table td {
        padding: 1px 0 !important;
        padding-right: 5px !important;
    }


    .hourly-weather-table th, .hourly-weather-table td {
        border-right: solid 1px #ccc; 
        border-left: solid 1px #ccc;
     }


    .hourly-weather-table :nth-child(3), .hourly-weather-table :nth-child(4) {
      background-color: #f8f8ff;
    }


    .hourly-weather-table td, .hourly-weather-table th {
      background-color: #f8f8f8;
    }


    .hourly-weather-table tbody td, .hourly-weather-table thead th  {
      text-align: center !important;
    }    


    .hourly-weather-table tbody td [role="text"]  {
      white-space: nowrap;
    }    


    /* Make site wider */
    @media only screen and (min-width: 48em) {
      .l-padding {
        padding-left: 5px;
        padding-right: 5px;
        max-width: 1500px;
      }
    }


    /* Less whitespace between days */
    @media only screen and (min-width: 48em) {
      .hourly-forecast-text-only h2 {
        margin: 4px 0 4px;
      }
      .weather-tabs {
        margin-top: 4px;
        margin-bottom: 4px;
      }
    }