Improve package grid style

This commit is contained in:
rubenwardy 2018-12-23 16:28:15 +00:00
parent 366ed9913e
commit a7fcce4448
4 changed files with 13 additions and 4 deletions

@ -46,6 +46,12 @@ li.d-flex {
font-weight: bold; font-weight: bold;
} }
.packagegridinfo small {
color: #ddd;
font-size: 75%;
font-weight: bold;
}
.packagegridinfo p { .packagegridinfo p {
display: none; display: none;
color: #ddd; color: #ddd;

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title> <title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
<link rel="stylesheet" type="text/css" href="/static/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css"> <link rel="stylesheet" type="text/css" href="/static/custom.css?v=2">
{% block headextra %}{% endblock %} {% block headextra %}{% endblock %}
</head> </head>

@ -6,8 +6,8 @@
<h3> <h3>
{{ package.title }} {{ package.title }}
{% if show_author %} {% if show_author %}<br />
by {{ package.author.display_name }} <small>{{ package.author.display_name }}</small>
{% endif %} {% endif %}
</h3> </h3>

@ -13,7 +13,10 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center;"> background-position: center;">
<div class="container"> <div class="container">
<h1 class="display-3">{{ package.title }} by {{ package.author.display_name }}</h1> <h1 class="display-3">
{{ package.title }}
<small>by {{ package.author.display_name }}</small>
</h1>
<p class="lead"> <p class="lead">
{{ package.shortDesc }} {{ package.shortDesc }}