Fix headers in Service User UI

Change-Id: I8f7254d2a11d25b2238126c882b0891ef5bbb7d1
diff --git a/gr-serviceuser/gr-serviceuser-create_html.js b/gr-serviceuser/gr-serviceuser-create_html.js
index 86f2473..1e408ab 100644
--- a/gr-serviceuser/gr-serviceuser-create_html.js
+++ b/gr-serviceuser/gr-serviceuser-create_html.js
@@ -24,10 +24,15 @@
         margin: 2em auto;
         max-width: 50em;
       }
+
+      .heading {
+        font-size: x-large;
+        font-weight: 500;
+      }
     </style>
     <main class="gr-form-styles read-only">
       <div class="topHeader">
-        <h1 class="heading-1">Create Service User</h1>
+        <h1 class="heading">Create Service User</h1>
       </div>
       <fieldset id="infoMessage"
            hidden$="[[!_infoMessageEnabled]]">
diff --git a/gr-serviceuser/gr-serviceuser-detail_html.js b/gr-serviceuser/gr-serviceuser-detail_html.js
index 0fe87f3..7b2211c 100644
--- a/gr-serviceuser/gr-serviceuser-detail_html.js
+++ b/gr-serviceuser/gr-serviceuser-detail_html.js
@@ -20,6 +20,11 @@
     <style include="gr-subpage-styles"></style>
     <style include="gr-form-styles"></style>
     <style>
+      .heading {
+        font-size: x-large;
+        font-weight: 500;
+      }
+
       div.serviceuser-detail {
         margin: 2em auto;
         max-width: 50em;
@@ -66,7 +71,7 @@
         </div>
         <div id="loadedContent"
              class$="[[_computeLoadingClass(_loading)]]">
-          <h1 id="Title" class="heading-1">Service User "[[_serviceUser.name]]"</h1>
+          <h1 id="Title" class="heading">Service User "[[_serviceUser.name]]"</h1>
           <div id="form">
             <fieldset>
               <fieldset>
diff --git a/gr-serviceuser/gr-serviceuser-list_html.js b/gr-serviceuser/gr-serviceuser-list_html.js
index ae0ff2f..cc57ade 100644
--- a/gr-serviceuser/gr-serviceuser-list_html.js
+++ b/gr-serviceuser/gr-serviceuser-list_html.js
@@ -23,6 +23,11 @@
         padding: 8px;
       }
 
+      .heading {
+        font-size: x-large;
+        font-weight: 500;
+      }
+
       #topContainer {
         align-items: center;
         display: flex;
@@ -31,11 +36,10 @@
         margin: 0 1em;
       }
     </style>
-    <div class="topHeader">
-      <h1 class="heading-1">Service Users</h1>
-    </div>
     <div id="topContainer">
-      <div></div>
+      <div>
+        <h1 class="heading">Service Users</h1>
+      </div>
       <div id="createNewContainer"
            class$="[[_computeCreateClass(createNew)]]">
         <gr-button primary