mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-05-27 10:44:33 +00:00
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:
parent
bacb0c056a
commit
ba66f37528
@ -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 »" %}"/>
|
||||||
{% trans "Configure »" %}</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">
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user