Změna zobrazení seznamu statistik nástroje

sass/style.scss

@@ -150,26 +150,23 @@ main {
 				max-height: 4em;
 				max-width: 100%;
 			}
+		}
+	}
 
-			div {
-				display: flex;
-				justify-content: space-between;
-
-				ul.positive, ul.negative {
-					padding-left: .5em;
-					list-style-type: none;
-
-					li::before{
-						display: inline-block;
-						width: 1.3em;
-					}
-					&.positive li::before {
-						content: "\002B";
-					}
-					&.negative li::before {
-						content: "\2212";
-					}
-				}
+	div.stats {
+		ul.positive, ul.negative {
+			padding-left: .5em;
+			list-style-type: none;
+
+			li::before{
+				display: inline-block;
+				width: 1.3em;
+			}
+			&.positive li::before {
+				content: "\002B";
+			}
+			&.negative li::before {
+				content: "\2212";
 			}
 		}
 	}

templates/page.html

@@ -22,7 +22,7 @@
 					<a href="{{ program.permalink }}"><img src="/software/{{ program.extra.logo }}" alt="{{ program.title }}"></a>
 					<p>{{ program.description }}</p>
 					{% if program.extra.positive and program.extra.negative %}
-						<div>
+						<div class="stats">
 							<ul class="positive">
 							{% for item in program.extra.positive %}
 								<li>{{ item }}</li>

templates/software.html

@@ -4,6 +4,20 @@
 	<section>
 		<img src="{{ "../"~page.extra.logo }}" alt="{{ page.extra.logo }}" class="logo">
 		<p>{{ page.description }}</p>
+			{% if page.extra.positive and page.extra.negative %}
+				<div class="stats">
+					<ul class="positive">
+					{% for item in page.extra.positive %}
+						<li>{{ item }}</li>
+					{% endfor %}
+					</ul>
+					<ul class="negative">
+					{% for item in page.extra.negative %}
+						<li>{{ item }}</li>
+					{% endfor %}
+					</ul>
+				</div>
+			{% endif %}
 		{{ page.content | safe }}
 	</section>
 {% endblock %}