Commit before editing platform admin area

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -217,7 +217,15 @@ td.table-empty-message {
    h1, h2, h3, h4, h5 {
       font-family: family("sans");
    }
-} 
+}
+
+.usa-section {
+   &__home {
+      h2 {
+         font-family: family("serif");
+      }
+   }
+}
 
 .navigation-service.usa-breadcrumb {
    -bottom: 0; 
@@ -293,6 +301,18 @@ td.table-empty-message {
    }
 }
 
+.usage-table {
+   ul {
+      list-style: none; 
+      padding: 0; 
+      margin: 0; 
+   }
+   .big-number-smallest {
+      display: flex; 
+      flex-direction: column;
+   }
+}
+
 #template-list {
    max-height: 500px;
    overflow-y: auto;

app/templates/views/platform-admin/_base_template.html

@@ -2,7 +2,7 @@
 {% from "components/page-footer.html" import page_footer %}
 
 {% block main %}
-<div class="govuk-width-container {{ mainClasses }}">
+<div class="grid-container">
     <div class="navigation-service usa-breadcrumb">
       <div class="navigation-service usa-breadcrumb-name govuk-!-font-weight-bold">
         Platform admin

app/templates/views/signedout.html

@@ -32,7 +32,7 @@ Notify.gov
     </div>
   </div>
 </section>
-<section class="grid-container usa-section">
+<section class="grid-container usa-section usa-section__home">
   <div class="grid-row grid-gap">
     <div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
       <h2 class="font-heading-xl margin-top-0 margin-bottom-3">
@@ -46,7 +46,7 @@ Notify.gov
     </div>
   </div>
 </section>
-<section class="grid-container usa-section">
+<section class="grid-container usa-section usa-section__home">
   <div class="grid-row grid-gap">
     <div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
       <h2 class="font-heading-xl margin-top-0 margin-bottom-3">
@@ -60,7 +60,7 @@ Notify.gov
     </div>
   </div>
 </section>
-<section class="grid-container usa-section">
+<section class="grid-container usa-section usa-section__home">
   <div class="grid-row grid-gap">
     <div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
       <h2 class="font-heading-xl margin-top-0 margin-bottom-3">
@@ -122,7 +122,7 @@ Notify.gov
     </div>
   </div>
 </section> -->
-<section class="grid-container usa-section border-top border-base-lighter usa-prose">
+<section class="grid-container usa-section usa-section__home border-top border-base-lighter usa-prose">
   <h2 class="font-heading-xl margin-top-0 margin-bottom-3">
     About the product
   </h2>