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,6 +19,7 @@
       <a href="{{ url_for('.create_api_key', service_id=current_service.id) }}" class="button align-with-heading">Create an API key</a>
     </div>
   </div>
+  <div class="body-copy-table">
     {% call(item, row_number) list_table(
       keys,
       empty_message="You haven’t created any API keys yet",
@@ -33,7 +34,7 @@
       {% call field() %}
         <div class="file-list">
           {{ item.name }}
-        <span class="file-list-hint">
+          <div class="hint">
             {% if item.key_type == 'normal' %}
               Live – sends to anyone
             {% elif item.key_type == 'team' %}
@@ -41,7 +42,7 @@
             {% elif item.key_type == 'test' %}
               Test – pretends to send messages
             {% endif %}
-        </span>
+          </div>
         </div>
       {% endcall %}
       {% if item.expiry_date %}
@@ -54,6 +55,7 @@
         {% endcall %}
       {% endif %}
     {% endcall %}
+  </div>
 
   {{ 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',