example translation in same line

res/main.less

@@ -187,15 +187,16 @@
         margin-right: 1em;
       }
 
+      .example-translation-list {
+        float: left;
+      }
+
       .example-translation {
         margin-left: 1em;
-        &:before {
-          content: '↪';
-          margin-right: 0.2em;
-        }
       }
 
       .example-text {
+        float: left;
         ._hoverable();
 
         .example-text-1 {
@@ -242,7 +243,7 @@
 
 .add-button {
   padding: 0 .5em;
-  margin-left: .3em;
+  margin: 0 0 0 0.3em;
   background-color: @aqua;
   color: @black;
 }

src/view/view.py

@@ -140,9 +140,9 @@ class View:
           h("div.example-dot", dot_attr, "▣"),
           h(example_tag, {}, [
             h("span.example-text", {"on": {"click": msg(ShowExampleMenu(example))} }, example_content),
-            h("div.example-clusters", {}, show_toggle_cluster_buttons(sense, example)),
             h("div.example-translation-list", {}, [
-              h("div.example-translation", {}, View.view_translations(example.translations, example, model))])])])
+              h("div.example-translation", {}, View.view_translations(example.translations, example, model))]),
+            h("div.example-clusters", {}, show_toggle_cluster_buttons(sense, example))])])
     
     @staticmethod
     def view_translations(translations, parent, model):