language on explanation support + explanation as new model + homonymy refactored as a double list

res/main.less

@@ -64,13 +64,13 @@
     margin-bottom: 1em;
 
     #headword {
-      font-size: 1.2em; 
+      font-size: 1.2em;
       color: @darkred;
       font-weight: bold;
     }
 
     #grammar {
-      color: @gray; 
+      color: @gray;
       font-style: italic;
       margin-left: 1em;
     }
@@ -90,8 +90,8 @@
   }
 
   #sense-container {
-    border-top: 1px dotted #999999; 
-    padding-top: 0.5em; 
+    border-top: 1px dotted #999999;
+    padding-top: 0.5em;
     margin-top: 0.5em;
 
     .sense-num {
@@ -156,16 +156,7 @@
             vertical-align: super;
             font-size: 0.7em;
           }
-          .translation-explanation:not(:empty) {
-            font-style: italic;
 
-            &:before {
-              content: '[';
-            }
-            &:after {
-              content: ']';
-            }
-          }
         }
 
         .translation-add {
@@ -175,10 +166,21 @@
       }
     }
 
+    .explanations:not(:empty) {
+      font-style: italic;
+
+      &:before {
+        content: '[';
+      }
+      &:after {
+        content: ']';
+      }
+    }
+
     .example {
       clear: left;
       margin-left: 1em;
-      
+
       .example-dot, .example-rest {
         float: left;
         max-width: 90%;
@@ -242,7 +244,7 @@
 
 // if span left of input it is just too high, this is a fix
 .span-left-of-input {
-  margin-top: 0.3em; 
+  margin-top: 0.3em;
 }
 
 
@@ -257,7 +259,7 @@
   .example-cluster {
     color: @blue;
   }
-  .example-logdice { 
+  .example-logdice {
     color: @gray;
   }
   .example-frequency {
@@ -289,7 +291,7 @@
   .example-component-none {
     color: @gray;
   }
-  
+
   .example-component-no-space {
     color: @silver;
   }
@@ -313,7 +315,7 @@
   background-color: rgba(0,0, 0, 0.01);
   padding: 0.5em;
   border: 2px solid gray;
-  margin: 1em; 
+  margin: 1em;
 
   .ske-line {
     display: block;
@@ -325,13 +327,13 @@
 
     .grey1 {
       margin-left: 0.3em;
-      background-color: @silver; 
+      background-color: @silver;
       color: @black;
     }
     .grey2 {
       margin-left: 0.3em;
       background-color: @black;
-      color: @silver; 
+      color: @silver;
     }
 
     .no-gf2-info {
@@ -374,7 +376,7 @@
 //   overflow: scroll;
 //   border: 2px solid red;
 //   height: 10em;
-// 
+//
 //   :nth-last-child(odd) {
 //     background-color: lightgray;
 //   }