Use 19px not 16px type in more places

Making the navigation narrower means that we have more space on every
page. So on pages where we had to use 16px type just to fit stuff on the
page we can now bump the type size up to something less miserly. This is
mainly the team and settings pages.

We still need to use 16px on pages which list notifications or previews
of spreadsheets, because we’re still trying to fit a lot of information
onto these pages, so every little space-saving helps.

app/assets/stylesheets/components/tick-cross.scss

@@ -1,6 +1,6 @@
 %tick-cross {
 
-  @include core-16;
+  @include core-19;
   display: inline-block;
   background-size: 19px 19px;
   background-repeat: no-repeat;

app/assets/stylesheets/views/users.scss

@@ -1,6 +1,6 @@
 .user-list {
 
-  @include core-16;
+  @include core-19;
   margin-bottom: $gutter * 1.5;
 
   &-item {

app/templates/views/api/keys.html

@@ -19,41 +19,43 @@
       <a href="{{ url_for('.create_api_key', service_id=current_service.id) }}" class="button align-with-heading">Create an API key</a>
     </div>
   </div>
-  {% call(item, row_number) list_table(
+  <div class="body-copy-table">
-    keys,
+    {% call(item, row_number) list_table(
-    empty_message="You haven’t created any API keys yet",
+      keys,
-    caption="API keys",
+      empty_message="You haven’t created any API keys yet",
-    caption_visible=false,
+      caption="API keys",
-    field_headings=[
+      caption_visible=false,
-      'API keys',
+      field_headings=[
-      'Action'
+        'API keys',
-    ],
+        'Action'
-    field_headings_visible=False
+      ],
-  ) %}
+      field_headings_visible=False
-    {% call field() %}
+    ) %}
-      <div class="file-list">
+      {% call field() %}
-        {{ item.name }}
+        <div class="file-list">
-        <span class="file-list-hint">
+          {{ item.name }}
-          {% if item.key_type == 'normal' %}
+          <div class="hint">
-            Live – sends to anyone
+            {% if item.key_type == 'normal' %}
-          {% elif item.key_type == 'team' %}
+              Live – sends to anyone
-            Team and whitelist – limits who you can send to
+            {% elif item.key_type == 'team' %}
-          {% elif item.key_type == 'test' %}
+              Team and whitelist – limits who you can send to
-            Test – pretends to send messages
+            {% elif item.key_type == 'test' %}
-          {% endif %}
+              Test – pretends to send messages
-        </span>
+            {% endif %}
-      </div>
+          </div>
+        </div>
+      {% endcall %}
+      {% if item.expiry_date %}
+        {% call field(align='right') %}
+          <span class='hint'>Revoked {{ item.expiry_date|format_datetime_short }}</span>
+        {% endcall %}
+      {% else %}
+        {% call field(align='right', status='error') %}
+          <a href='{{ url_for('.revoke_api_key', service_id=current_service.id, key_id=item.id) }}'>Revoke</a>
+        {% endcall %}
+      {% endif %}
     {% endcall %}
-    {% if item.expiry_date %}
+  </div>
-      {% call field(align='right') %}
-        <span class='hint'>Revoked {{ item.expiry_date|format_datetime_short }}</span>
-      {% endcall %}
-    {% else %}
-      {% call field(align='right', status='error') %}
-        <a href='{{ url_for('.revoke_api_key', service_id=current_service.id, key_id=item.id) }}'>Revoke</a>
-      {% endcall %}
-    {% endif %}
-  {% endcall %}
 
   {{ page_footer(
     secondary_link=url_for('.api_integration', service_id=current_service.id),

app/templates/views/service-settings.html

@@ -11,7 +11,7 @@
 
     <h1 class="heading-large">Settings</h1>
 
-    <div class="bottom-gutter-3-2">
+    <div class="bottom-gutter-3-2 body-copy-table">
 
       {% call mapping_table(
         caption='Settings',