From 492b6933b8e643090da19c8c9e80ea74faf782d4 Mon Sep 17 00:00:00 2001
From: "kitsunyan@airmail.cc" <kitsunyan@airmail.cc>
Date: Sat, 27 Mar 2021 00:07:59 +0300
Subject: [PATCH] Improve translations block style

---
 _includes/translations.html |  3 ---
 _sass/custom.scss           | 13 +++++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/_includes/translations.html b/_includes/translations.html
index 72aa03d1..e6119f97 100644
--- a/_includes/translations.html
+++ b/_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>
diff --git a/_sass/custom.scss b/_sass/custom.scss
index 3d58296f..4f0456b9 100644
--- a/_sass/custom.scss
+++ b/_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;
 }
\ No newline at end of file