Zobrazení seznamu nástrojů ve sloupci

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

@@ -30,7 +30,12 @@ main {
 			}
 		}
 
-		&.software .program img { max-width: 100%; }
+		&.software {
+			flex-direction: column;
+
+			.program { width: 100%; }
+			.program img { max-width: 100%; }
+		}
 	}
 }
 

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%;
 				}
 			}
 		}

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>