Fix some word wrapping issues on the first line of definitions (#1027)

1 files changed, 7 insertions, 10 deletions

diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index e8cf5b8e..20666c0f 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -413,11 +413,11 @@ button.action-button {
 }
 
 .term-expression-list {
-    display: inline-block;
+    display: inline;
 }
 
 .term-expression {
-    display: inline-block;
+    display: inline;
 }
 
 .term-expression-text {
@@ -437,17 +437,10 @@ button.action-button {
     display: none;
 }
 
-.term-expression-list>.term-expression:not(:last-of-type):after {
-    font-size: 2em;
+.term-expression-list>.term-expression:not(:last-of-type)>.term-expression-text::after {
     content: "\3001";
 }
 
-.entry[data-expression-multi=true] .term-expression-list>.term-expression:last-of-type:after {
-    font-size: 2em;
-    content: "\3000";
-    visibility: hidden;
-}
-
 .entry[data-expression-multi=true] .term-expression-list .term-expression-details {
     display: inline-block;
     position: relative;
@@ -457,6 +450,10 @@ button.action-button {
     z-index: 1;
 }
 
+.entry[data-expression-multi=true] .term-expression-list>.term-expression:not(:last-of-type) .term-expression-details {
+    left: -2em;
+}
+
 .entry[data-expression-multi=true] .term-expression:hover .term-expression-details {
     visibility: visible;
 }