Merge pull request #3165 from kitsunyan/improve-translations-style

Improve translations block style

_includes/translations.html

@@ -8,8 +8,5 @@
       {%- assign c2 = langcode | slice: 1, 1 -%}
       {{- site.data.emoji[c1] -}}{{- site.data.emoji[c2] -}}
     </a>
-    {% if forloop.index == 11 %}
-      <br>
-    {% endif %}
   {% endfor %}
 </div>

_sass/custom.scss

@@ -5,9 +5,22 @@
 
 .translations {
 	text-align: end;
+	margin: 0 0 1em 0;
+}
+
+@media screen and (min-width: 800px) {
+	.translations {
+		width: 50%;
+		margin: 0 0 1em auto;
+	}
+}
+
+.translations p {
+	margin: 0 0 0.5em 0;
 }
 
 .translation {
+	line-height: 0.8em;
 	font-family: "Noto Color Emoji", sans-serif;
 	font-size: 2em;
 }