ui: Style frontpage application info like regular content

- Remove custom styling and use the normal content-container styling.

- Remove margins on card-list to make it align better with content containers.
  This can be seen when view application information in home page and in help
  page.

- Add bottom margin to content container.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
This commit is contained in:
Sunil Mohan Adapa 2019-01-15 15:37:48 -08:00 committed by Joseph Nuthalapati
parent bacb0c056a
commit ba66f37528
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35
2 changed files with 34 additions and 37 deletions

View File

@ -26,9 +26,8 @@
{% block container %} {% block container %}
<div class="container"> {% if messages or details or not shortcuts %}
<div class="row"> <div class="container content-container">
<div class="col-md-8 col-md-offset-2">
{% include 'messages.html' %} {% include 'messages.html' %}
@ -43,30 +42,27 @@
{% endif %} {% endif %}
{% if details %} {% if details %}
<div class="panel panel-primary"> {% block pagetitle %}
<div class="panel-heading"> <h2>{{ details_label }}</h2>
<h3 class="panel-title">{{ details_label }}</h3> {% endblock %}
</div>
{% block description %}
{% for paragraph in details %} {% for paragraph in details %}
<div class="panel-body"> <p>{{ paragraph|safe }}</p>
{{ paragraph|safe }}
</div>
{% endfor %} {% endfor %}
<br> {% endblock %}
{% include "clients.html" with clients=clients enabled=service.is_enabled %}
{% if user.is_authenticated and user_is_admin and configure_url %} {% if user.is_authenticated and user_is_admin and configure_url %}
<a class="btn btn-primary btn-sm" <input type="submit" class="btn btn-primary"
style="margin-left : 10px; margin-bottom : 5px" href="{{ configure_url }}"
href="{{ configure_url }}"> value="{% trans "Configure &raquo;" %}"/>
{% trans "Configure &raquo;" %}</a>
{% endif %} {% endif %}
</div>
{% endif %} {% endif %}
</div> </div>
</div> {% endif %}
</div>
{% if shortcuts %} {% if shortcuts %}
<div class="container-fluid card-container"> <div class="container-fluid card-container">

View File

@ -182,6 +182,7 @@ html {
background-color: white; background-color: white;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px;
} }
footer { footer {
@ -278,7 +279,7 @@ footer license-info p {
width: 100%; width: 100%;
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
padding: 0 10px; padding: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: left; justify-content: left;