From 392ea4b3a7747e53ab4793a028014dca0241a3c4 Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Mon, 1 Apr 2019 16:15:57 +0100
Subject: [PATCH] [design] correct date character alignment

---
 css/clock.css | 14 ++++++++------
 css/date.css  | 15 ++++++++-------
 js/version.js |  2 +-
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/css/clock.css b/css/clock.css
index be2dedb7..ca47b522 100755
--- a/css/clock.css
+++ b/css/clock.css
@@ -25,6 +25,7 @@
 }
 
 .clock-separator {
+  justify-content: center;
   min-width: 0.5em;
   color: rgb(var(--accent));
 }
@@ -33,17 +34,18 @@
 .clock-minutes,
 .clock-seconds,
 .clock-meridiem {
+  justify-content: center;
   min-width: 1.25em;
 }
 
-.clock [class^="clock-"]:not(:first-child),
-.clock [class*=" clock-"]:not(:first-child) {
-  margin-left: 0.125em;
+.clock [class^="clock-"]:not(:first-child):not([class^="clock-separator"]),
+.clock [class*=" clock-"]:not(:first-child):not([class*=" clock-separator"]) {
+  margin-left: 0.2em;
 }
 
-.clock [class^="clock-"]:not(:last-child),
-.clock [class*=" clock-"]:not(:last-child) {
-  margin-right: 0.125em;
+.clock [class^="clock-"]:not(:last-child):not([class^="clock-separator"]),
+.clock [class*=" clock-"]:not(:last-child):not([class*=" clock-separator"]) {
+  margin-right: 0.2em;
 }
 
 .clock-hours {
diff --git a/css/date.css b/css/date.css
index aa5d02a0..3807cf03 100755
--- a/css/date.css
+++ b/css/date.css
@@ -25,6 +25,7 @@
 }
 
 .date-separator {
+  justify-content: center;
   min-width: 0.5em;
   color: rgb(var(--accent));
 }
@@ -33,17 +34,17 @@
 .date-day,
 .date-month,
 .date-year {
-  min-width: 1.25em;
+  justify-content: center;
 }
 
-.date [class^="date-"]:not(:first-child),
-.date [class*=" date-"]:not(:first-child) {
-  margin-left: 0.125em;
+.date [class^="date-"]:not(:first-child):not([class^="date-separator"]),
+.date [class*=" date-"]:not(:first-child):not([class*=" date-separator"]) {
+  margin-left: 0.2em;
 }
 
-.date [class^="date-"]:not(:last-child),
-.date [class*=" date-"]:not(:last-child) {
-  margin-right: 0.125em;
+.date [class^="date-"]:not(:last-child):not([class^="date-separator"]),
+.date [class*=" date-"]:not(:last-child):not([class*=" date-separator"]) {
+  margin-right: 0.2em;
 }
 
 .date-day {
diff --git a/js/version.js b/js/version.js
index 06aec855..3bbb9b48 100644
--- a/js/version.js
+++ b/js/version.js
@@ -1,7 +1,7 @@
 var version = (function() {
 
   // version is normally bumped when the state needs changing or any new functionality is added
-  var current = "2.12.0";
+  var current = "2.12.1";
 
   var compare = function(a, b) {
     var pa = a.split(".");