word/edit: align translations list, last item right

diff --git a/word/edit.plp b/word/edit.plp
index f7d39485c992ae1f60373d2ca445534772122cd0..d7f093a9e3c59581570fdcf6bb4b7dd0088320cf 100644 (file)
--- 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 f37693528647f54fd91da3e85f651fd6d1593ea4..1e0dc5b80a085b1347370f01b6ae2ad7dd527e6b 100644 (file)
--- 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;