From 6d1b822b60927ee5b51a8c0f82dc5d142e65fd9a Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sat, 3 Oct 2020 13:57:54 +0200
Subject: [PATCH] =?UTF-8?q?Zobrazen=C3=AD=20seznamu=20n=C3=A1stroj=C5=AF?=
 =?UTF-8?q?=20ve=20sloupci?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Protože seznam pod sebou je nepřehledný, vracím zpět zobrazení ve
sloupci, ale bez plusů a mínusů každého nástroje. Ty jsou zobrazeny na
individuálních stránkách.
---
 sass/_mobile.scss   |  7 ++++++-
 sass/style.scss     | 10 ++++++++--
 templates/page.html | 14 --------------
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/sass/_mobile.scss b/sass/_mobile.scss
index 76c6061..9eff33c 100644
--- a/sass/_mobile.scss
+++ b/sass/_mobile.scss
@@ -30,7 +30,12 @@ main {
 			}
 		}
 
-		&.software .program img { max-width: 100%; }
+		&.software {
+			flex-direction: column;
+
+			.program { width: 100%; }
+			.program img { max-width: 100%; }
+		}
 	}
 }
 
diff --git a/sass/style.scss b/sass/style.scss
index a742804..8147190 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -112,7 +112,7 @@ main {
 	h2, h3, h4, h5, h6 {
 		line-height: 1.2;
 	}
-	h4, h5, h6 {
+	h5, h6 {
 		margin-top: 2.75em;
 	}
 	h2 {
@@ -158,12 +158,18 @@ main {
 		}
 
 		&.software {
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+
 			.program {
+				width: 43%;
+				box-sizing: border-box;
 				margin-top: 4em;
 
 				img {
 					max-height: 3em;
-					max-width: 35%;
+					max-width: 50%;
 				}
 			}
 		}
diff --git a/templates/page.html b/templates/page.html
index 8fc6216..d02f49d 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -30,20 +30,6 @@
 						<h4>{{ program.title }}</h4>
 					{% endif %}</a>
 					<p>{{ program.description }}</p>
-					{% if program.extra.positive and program.extra.negative %}
-						<div class="stats">
-							<ul class="positive">
-							{% for item in program.extra.positive %}
-								<li>{{ item }}</li>
-							{% endfor %}
-							</ul>
-							<ul class="negative">
-							{% for item in program.extra.negative %}
-								<li>{{ item }}</li>
-							{% endfor %}
-							</ul>
-						</div>
-					{% endif %}
 				</div>
 			{% endfor %}
 			</section>