Tidy up the platform admin pages

This commit does two things:
- brings the ‘All organisations’ page back within the platform admin
  part of the site (because it’s hard to find otherwise)
- makes the layouts of all the pages within platform admin a bit closer
  to the service-specific pages in terms of heading sizes, spacing, etc
  so that moving between them doesn’t feel so jumpy
This commit is contained in:
Chris Hill-Scott
2020-04-23 11:08:43 +01:00
parent f91aba212d
commit ae8dd8e8cd
18 changed files with 68 additions and 95 deletions

View File

@@ -3,18 +3,25 @@
{% from "components/checkbox.html" import checkbox %}
{% from "components/page-footer.html" import page_footer %}
{% block maincolumn_content %}
{% block beforeContent %}
<div class="navigation-service">
<div class="navigation-service-name govuk-!-font-weight-bold">
Platform admin
</div>
<a href="{{ url_for('main.choose_account') }}" class="govuk-link govuk-link--no-visited-state navigation-service-switch">Switch service</a>
</div>
{% endblock %}
{% block content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-quarter">
<p class="heading-medium">
Platform admin
</p>
<nav class="navigation">
{% for link_text, url in [
('Summary', url_for('main.platform_admin')),
('Live services', url_for('main.live_services')),
('Trial mode services', url_for('main.trial_services')),
('Organisations', url_for('main.organisations')),
('Providers', url_for('main.view_providers')),
('Reports', url_for('main.platform_admin_reports')),
('Email branding', url_for('main.email_branding')),
@@ -22,7 +29,7 @@
('Inbound SMS numbers', url_for('main.inbound_sms_admin')),
('Find services by name', url_for('main.find_services_by_name')),
('Find users by email', url_for('main.find_users_by_email')),
('Email Complaints', url_for('main.platform_admin_list_complaints')),
('Email complaints', url_for('main.platform_admin_list_complaints')),
('Returned letters', url_for('main.platform_admin_returned_letters')),
('Clear cache', url_for('main.clear_cache')),
] %}
@@ -34,7 +41,8 @@
{% endfor %}
</nav>
</div>
<div class="govuk-grid-column-three-quarters">
<div class="govuk-grid-column-three-quarters column-main">
{% include 'flash_messages.html' %}
{% block platform_admin_content %}{% endblock %}
</div>
</div>

View File

@@ -4,13 +4,13 @@
{% from "components/page-footer.html" import page_footer %}
{% block per_page_title %}
Clear Cache
Clear cache
{% endblock %}
{% block platform_admin_content %}
<h1 class="heading-large">
Clear Cache
<h1 class="heading-medium">
Clear cache
</h1>
{% call form_wrapper() %}

View File

@@ -9,7 +9,7 @@
{% block platform_admin_content %}
<h1 class="heading-large">
<h1 class="heading-medium">
Email complaints
</h1>

View File

@@ -13,7 +13,7 @@
{% block platform_admin_content %}
<h1 class="heading-large">
<h1 class="heading-medium">
Summary
</h1>

View File

@@ -6,7 +6,7 @@
{% block platform_admin_content %}
<h1 class="heading-large">
<h1 class="heading-medium">
Reports
</h1>

View File

@@ -1,6 +1,6 @@
{% extends "views/platform-admin/_base_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/page-footer.html" import sticky_page_footer %}
{% from "components/form.html" import form_wrapper %}
{% block per_page_title %}
@@ -9,14 +9,10 @@
{% block platform_admin_content %}
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="heading-large">Submit returned letters</h1>
{% call form_wrapper() %}
{{ textbox(form.references, width='1-1', rows=8, autosize=True) }}
{{ page_footer("Submit") }}
{% endcall %}
</div>
</div>
<h1 class="heading-medium">Submit returned letters</h1>
{% call form_wrapper() %}
{{ textbox(form.references, width='1-1', rows=8, autosize=True) }}
{{ sticky_page_footer("Submit") }}
{% endcall %}
{% endblock %}

View File

@@ -99,7 +99,7 @@
{% block platform_admin_content %}
<h1 class="heading-large">
<h1 class="heading-medium">
{{ page_title|capitalize }}
</h1>

View File

@@ -6,7 +6,7 @@
{% block platform_admin_content %}
<h1 class="heading-large">
<h1 class="heading-medium">
Summary
</h1>