CSS fixes
This commit is contained in:
parent
c67c5ebda6
commit
2d3851d78f
2 changed files with 5 additions and 3 deletions
|
@ -5,6 +5,7 @@ $grid-gutter-width: 10px;
|
||||||
.card-deck {
|
.card-deck {
|
||||||
.row {
|
.row {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
width: 100%;
|
||||||
> div {
|
> div {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 2*$grid-gutter-width;
|
margin-bottom: 2*$grid-gutter-width;
|
||||||
|
@ -33,6 +34,7 @@ h1 a {
|
||||||
|
|
||||||
.badge {
|
.badge {
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
|
white-space: normal;
|
||||||
&.text-black {
|
&.text-black {
|
||||||
color: $gray-800;
|
color: $gray-800;
|
||||||
}
|
}
|
||||||
|
@ -42,7 +44,7 @@ h1 a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 0;
|
||||||
.avatar {
|
.avatar {
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
@ -66,7 +68,7 @@ h1 a {
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
svg {
|
svg {
|
||||||
height: 18px;
|
height: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
{{ macro.pagination(numPages, currentPage) }}
|
{{ macro.pagination(numPages, currentPage) }}
|
||||||
<div class="card-deck"><div class="row">
|
<div class="card-deck"><div class="row">
|
||||||
{% for issue in issues %}
|
{% for issue in issues %}
|
||||||
<div class="col-md-3">
|
<div class="col-lg-3 col-md-4">
|
||||||
<a href="{{ path_for('issue', { 'number': issue.number }) }}" class="card">
|
<a href="{{ path_for('issue', { 'number': issue.number }) }}" class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h4 class="card-title">{{ issue.title }}
|
<h4 class="card-title">{{ issue.title }}
|
||||||
|
|
Reference in a new issue