Sunil Mohan Adapa dca149821b
ui: Fix setting width of card-list at various page sizes
Reuse bootstrap .container class to perform the width calculations instead of
explicitly setting it. This makes the size of card list match the rest of the
content like navigation and text content.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:36 +05:30

61 lines
1.8 KiB
HTML

{% extends 'base.html' %}
{% comment %}
#
# This file is part of FreedomBox.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}
{% load i18n %}
{% load static %}
{% block container %}
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
{% include 'messages.html' %}
</div>
</div>
</div>
<div class="container card-container">
<div class="row">
<div class="card-list">
{% for item in submenu.sorted_items %}
<div class="card thumbnail">
<a href="{{ item.url }}" class="nav-link">
<div class="card-title">{{ item.name }}</div>
<div class="card-icon">
{% if 'fa-' in item.icon %}
<span class="fa {{ item.icon }}"></span>
{% else %}
<img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/>
{% endif %}
</div>
<div class="card-description">{{ item.short_description}}</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
{% block content-container %}
{% endblock %}
{% endblock %}