From 2d3851d78f6b59000c8fa789e6ea2cf099b5e0da Mon Sep 17 00:00:00 2001
From: Lukas Winkler <l.winkler23@mailbox.org>
Date: Sat, 23 Sep 2017 13:40:29 +0200
Subject: [PATCH] CSS fixes

---
 src/scss/style.scss     | 6 ++++--
 src/templates/page.twig | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/scss/style.scss b/src/scss/style.scss
index e997069..b7d02b9 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -5,6 +5,7 @@ $grid-gutter-width: 10px;
 .card-deck {
 	.row {
 		align-items: stretch;
+		width: 100%;
 		> div {
 			display: flex;
 			margin-bottom: 2*$grid-gutter-width;
@@ -33,6 +34,7 @@ h1 a {
 
 .badge {
 	padding: 6px 10px;
+	white-space: normal;
 	&.text-black {
 		color: $gray-800;
 	}
@@ -42,7 +44,7 @@ h1 a {
 }
 
 .card {
-	margin-bottom: 2rem;
+	margin-bottom: 0;
 	.avatar {
 		margin-right: 3px;
 	}
@@ -66,7 +68,7 @@ h1 a {
 
 .pagination {
 	svg {
-		height: 18px;
+		height: 15px;
 	}
 }
 
diff --git a/src/templates/page.twig b/src/templates/page.twig
index f91c49a..d126495 100644
--- a/src/templates/page.twig
+++ b/src/templates/page.twig
@@ -35,7 +35,7 @@
         {{ macro.pagination(numPages, currentPage) }}
         <div class="card-deck"><div class="row">
             {% 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">
                         <div class="card-body">
                             <h4 class="card-title">{{ issue.title }}