Fixes text line spaning multiple lines in text panel(?).

app/escriptorium/static/css/escriptorium.css

@@ -609,18 +609,18 @@ i.panel-icon {
 #diplomatic-lines div {
     display: block;
     line-height: 1.7rem;
-    margin-bottom: 0px;
     overflow-wrap: break-word;
+    margin-right: .5rem;
 }
 
 #diplomatic-lines div:before {
+    height: 100%;
     text-align: center;
     counter-increment: line;
-    content: counter(line);
     display: inline-block;
+    content: counter(line);
     border-right: 1px solid #ddd;
-    /* padding: 0 .5em; */
-    margin-right: .5em;
+    margin-right: .5rem;
     margin-left: 0;
     width: 50px;
     color: #888;

app/escriptorium/static/css/rtl.css

@@ -24,11 +24,13 @@
 .rtl #diplomatic-lines div {
     /* fixes table like alignment */
     text-align: right;
+    margin-left: .5rem;
+    padding-right: 50px;
 }
 
 .rtl #diplomatic-lines div:before {
-    margin-left: .5em;
-    margin-right: 0;
+    margin-right: -50px;
+    margin-left: .5rem;
     border-left: 1px solid #ddd;
     border-right: none;
 }