From 6bc896dcaee8f907d4fb46e14720f8b5a51418fa Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Fri, 15 Oct 2021 13:29:37 +0200
Subject: [PATCH] word/edit: align translations list, last item right

---
 word/edit.plp   | 2 +-
 word/editor.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/word/edit.plp b/word/edit.plp
index f7d3948..d7f093a 100644
--- a/word/edit.plp
+++ b/word/edit.plp
@@ -265,7 +265,7 @@ for my $col (@wordcols) {
 }
 
 if (not $row->{ref}) {
-	printf '<li><label for="%s">%s</label><div><ul class="inline" id="%1$s">',
+	printf '<li><label for="%s">%s</label><div><ul class="inline multiinput" id="%1$s">',
 		'trans', 'Translations';
 	my @children = !$row->{id} ? () :
 		$db->select(word => '*', {ref => $row->{id}}, 'lang, id')->hashes;
diff --git a/word/editor.css b/word/editor.css
index f376935..1e0dc5b 100644
--- a/word/editor.css
+++ b/word/editor.css
@@ -80,6 +80,11 @@ h1 {
 }
 .inline.multiinput {
 	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.inline.multiinput > :last-child {
+	text-align: right;
+	flex-grow: 1;
 }
 .multiinput > input {
 	width: 10em;
-- 
2.30.0