small changes to styling, colors, margins, ;,

res/main.less

@@ -2,7 +2,7 @@
 @import (less) "colors.less";
 
 .translation-element-margin {
-  margin: 0 0.3em;
+  margin: 0 0.05em;
   padding: 0;
 }
 
@@ -34,7 +34,7 @@
 
     #headword {
       font-size: 1.2em; 
-      color: @blue;
+      color: @red;
       font-weight: bold;
     }
 
@@ -89,27 +89,39 @@
         }
       }
 
-      .translation-div {
+      .translation-div-cluster + .translation-div-cluster:before {
+        content: "; ";
+      }
+
+      .translation-div-cluster {
         display: inline;
 
-        .translation-tags {
-          display: inline;
-          color: @green;
-          font-size: 0.6em;
+        .translation-div + .translation-div:before {
+          content: ", ";
         }
 
-        .translation-text {
+        .translation-div {
           display: inline;
-          color: @maroon;
-          .translation-element-margin();
-        }
 
-        ._hoverable();
-      }
+          .translation-tags {
+            display: inline;
+            color: @green;
+            font-size: 0.6em;
+          }
+
+          .translation-text {
+            display: inline;
+            color: @maroon;
+            .translation-element-margin();
+          }
+
+          ._hoverable();
+        }
 
-      .translation-add {
-        .translation-element-margin();
-        .translation-button();
+        .translation-add {
+          .translation-element-margin();
+          .translation-button();
+        }
       }
     }