From 4a80ba878ae0b3e204b8b4cfa23af78141c14802 Mon Sep 17 00:00:00 2001
From: Ozbolt Menegatti <ozbolt.menegatti@gmail.com>
Date: Fri, 15 Nov 2019 22:24:54 +0100
Subject: [PATCH] correctly displaying add sense, translation source and
 explanation

---
 res/main.less | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/res/main.less b/res/main.less
index c3e86c1..2daced0 100644
--- a/res/main.less
+++ b/res/main.less
@@ -65,6 +65,7 @@
 
     .sense {
       margin-left: 2em;
+      overflow: auto; // contain all elements, some sort of clear: both for me
 
       .sense-definition {
         //done!
@@ -114,6 +115,20 @@
             color: @maroon;
             .translation-element-margin();
           }
+          .translation-source {
+            vertical-align: super;
+            font-size: 0.7em;
+          }
+          .translation-explanation:not(:empty) {
+            font-style: italic;
+
+            &:before {
+              content: '[';
+            }
+            &:after {
+              content: ']';
+            }
+          }
 
           ._hoverable();
         }
@@ -133,10 +148,18 @@
       .example-arrow, .example-dot {
         margin-right: 1em;
       }
+
+      .example-text {
+        ._hoverable();
+      }
     }
   }
 }
 
+.add-button {
+  padding: 0 .5em;
+}
+
 // if span left of input it is just too high, this is a fix
 .span-left-of-input {
   margin-top: 0.3em;