From f41f549cc203736070d336f8f6397ec5f19f6ebd Mon Sep 17 00:00:00 2001
From: Ozbolt Menegatti <ozbolt.menegatti@gmail.com>
Date: Wed, 13 Nov 2019 23:22:26 +0100
Subject: [PATCH] small changes to styling, colors, margins, ;,

---
 res/main.less | 44 ++++++++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/res/main.less b/res/main.less
index 28d3400..c3e86c1 100644
--- a/res/main.less
+++ b/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();
+        }
       }
     }