From b2c31fcec6d6d439f551f52fe0e52661074c4ba3 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Sun, 7 Jul 2019 23:50:35 +0200
Subject: [PATCH] Dashboard style improvements

---
 .../dashboard/widgets/date-time-weather/index.scss     | 10 +++++-----
 .../css/source/dashboard/widgets/music/index.scss      |  9 +++++----
 .../css/source/dashboard/widgets/rss-news/index.scss   |  6 +++---
 .../http/static/js/widgets/image-carousel/index.js     |  2 +-
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/platypush/backend/http/static/css/source/dashboard/widgets/date-time-weather/index.scss b/platypush/backend/http/static/css/source/dashboard/widgets/date-time-weather/index.scss
index c2713883..d0bbaf5b 100644
--- a/platypush/backend/http/static/css/source/dashboard/widgets/date-time-weather/index.scss
+++ b/platypush/backend/http/static/css/source/dashboard/widgets/date-time-weather/index.scss
@@ -8,17 +8,17 @@
     padding-top: 1rem;
 
     .date {
-        font-size: 1.15em;
-        height: 8%;
+        font-size: 1.3em;
+        height: 10%;
     }
 
     .time {
-        font-size: 1.7em;
-        height: 11%;
+        font-size: 2em;
+        height: 14%;
     }
 
     .weather {
-        height: 40%;
+        height: 35%;
         display: flex;
         align-items: center;
 
diff --git a/platypush/backend/http/static/css/source/dashboard/widgets/music/index.scss b/platypush/backend/http/static/css/source/dashboard/widgets/music/index.scss
index 2c7840b4..97396936 100644
--- a/platypush/backend/http/static/css/source/dashboard/widgets/music/index.scss
+++ b/platypush/backend/http/static/css/source/dashboard/widgets/music/index.scss
@@ -16,23 +16,24 @@ $playback-status-color: #757f70;
 
         .unknown,
         .no-track {
-            font-size: 1.7em;
+            font-size: 2em;
         }
 
         .artist {
-            font-size: 1.7em;
+            font-size: 1.9em;
             font-weight: bold;
             margin-bottom: .25em;
         }
 
         .title {
-            font-size: 1.6em;
+            font-size: 1.8em;
         }
     }
 
     .time {
         width: 100%;
-        margin-top: .75em;
+        margin-top: 1em;
+        font-size: 1.2em;
 
         .row {
             padding: 0 .5em;
diff --git a/platypush/backend/http/static/css/source/dashboard/widgets/rss-news/index.scss b/platypush/backend/http/static/css/source/dashboard/widgets/rss-news/index.scss
index d5fc2968..85227b2c 100644
--- a/platypush/backend/http/static/css/source/dashboard/widgets/rss-news/index.scss
+++ b/platypush/backend/http/static/css/source/dashboard/widgets/rss-news/index.scss
@@ -6,17 +6,17 @@
     align-items: center;
 
     .article {
-        width: 100%;
+        width: 90%;
         padding: 0 2em;
 
         .source {
-            font-size: 1.5em;
+            font-size: 1.7em;
             font-weight: bold;
             margin-bottom: .5em;
         }
 
         .title {
-            font-size: 1.5em;
+            font-size: 1.7em;
             margin-bottom: .5em;
         }
 
diff --git a/platypush/backend/http/static/js/widgets/image-carousel/index.js b/platypush/backend/http/static/js/widgets/image-carousel/index.js
index b5d5090e..bb4e321b 100644
--- a/platypush/backend/http/static/js/widgets/image-carousel/index.js
+++ b/platypush/backend/http/static/js/widgets/image-carousel/index.js
@@ -29,7 +29,7 @@ Vue.component('image-carousel', {
             if (this.$refs.img.width > this.$refs.img.height) {
                 this.$refs.img.style.width = 'auto';
 
-                if ((this.$refs.img.width / this.$refs.img.height) >= 4/3) {
+                if ((this.$refs.img.width / this.$refs.img.height) >= 1.25) {
                     this.$refs.img.style.width = '100%';
                 }