From 725e5b7507460ce7d94942713e1c9d0d8b914643 Mon Sep 17 00:00:00 2001
From: Jan Zarsky <jan.zarsky@gmail.com>
Date: Tue, 14 May 2019 22:34:03 +0200
Subject: [PATCH] improve spacing of elements in programs and news

---
 templates/programs.twig |  2 +-
 www/style.css           | 20 +++++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/templates/programs.twig b/templates/programs.twig
index 4b2d63d..bab0816 100644
--- a/templates/programs.twig
+++ b/templates/programs.twig
@@ -32,7 +32,7 @@
 							<p>{% if p['location'] %}<b>{{ p['localtion'] }}</b>{% else %}<i>lokace
 									nezadána</i>{% endif %}
 							</p>
-							<p>{{ p['perex'] }}</p>
+							<p class="programPerex">{{ p['perex'] }}</p>
 							<p>Obsazeno {{ p['occupied'] }} ze {{ p['capacity'] }}</p>
 							{% if (p['bringAlong']) %}<p>Sebou: {{ p['bringAlong'] }}</p>{% endif %}
 						</div>
diff --git a/www/style.css b/www/style.css
index 4388fe5..eef25e0 100644
--- a/www/style.css
+++ b/www/style.css
@@ -142,19 +142,36 @@ div.program {
 	border: 4px solid var(--color-base);
 	border-radius: 8px;
 	margin-bottom: 8px;
-	padding: 0 4px;
+	padding: 8px;
 }
 
 div.program:hover {
 	cursor: pointer;
 }
 
+h3.programName {
+	margin: 0;
+}
+
+p.programPerex {
+	text-align: left;
+}
+
 div.news {
 	border: 4px solid var(--color-base);
 	border-radius: 8px;
+	padding: 8px;
 	margin: 0 8px 8px;
 }
 
+div.news h3 {
+	margin: 0;
+}
+
+div.news p {
+	text-align: left;
+}
+
 img.logo {
 	max-width: 40vh;
 	max-height: 40ch;
@@ -177,6 +194,7 @@ h2.sectionName {
 	background-color: var(--color-base);
 	color: var(--text-invert);
 	padding: 8px 0;
+	margin: 1em 0 8px 0;
 	border-radius: 8px;
 }