From 53c28798387a01952151c5a9226b1033c9ea879c Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 2 Sep 2020 10:32:34 +0200
Subject: [PATCH] Improved calendar styling in publish and schedule datepickers

---
 ghost/admin/app/styles/components/power-calendar.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/styles/components/power-calendar.css b/ghost/admin/app/styles/components/power-calendar.css
index 74c9ae32e0..ad076b1d71 100644
--- a/ghost/admin/app/styles/components/power-calendar.css
+++ b/ghost/admin/app/styles/components/power-calendar.css
@@ -72,11 +72,12 @@
 /* Theme styles */
 .ember-power-calendar {
   font-size: 14px;
-  line-height: 1.42857;
+  line-height: 1.65;
 }
 
 .ember-power-calendar-weekdays {
   color: var(--darkgrey);
+  padding: 4px 0;
 }
 
 .ember-power-calendar-day {
@@ -101,13 +102,13 @@
 }
 
 .ember-power-calendar-day--current-month {
-  color: var(--middarkgrey);
-  background-color: color-mod(var(--lightgrey) l(+4%));
+  color: var(--darkgrey);
 }
 
 .ember-power-calendar-day--today,
 .ember-power-calendar-day:not([disabled]):hover {
   background-color: var(--lightgrey);
+  border-radius: 3px;
 }
 
 .ember-power-calendar-day--other-month:not([disabled]):hover {
@@ -118,7 +119,8 @@
 .ember-power-calendar-day--selected:not([disabled]):hover {
   font-weight: bold;
   background-color: color-mod(var(--blue) l(+30%));
-  color: var(--middarkgrey);
+  color: var(--darkgrey);
+  border-radius: 3px;
 }
 
 .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
@@ -213,6 +215,7 @@
 
 /* Datepicker */
 .ember-power-datepicker-content {
+  min-width: 212px;
   padding: 12px;
 }