Colour and Size changes to tag cloud (#11203)

* Colour and Size changes to tag cloud

Made the tag cloud visualisation more beautiful and useful.

* Overlapping and padding changes to Tag Cloud

Changes padding and white space styles to the tag cloud to take away overlapping.

* Removing overlapping of span in the Tag Cloud

Added css style of display: inline-block to stop span overlapping in chrome.

plugins/CoreHome/stylesheets/cloud.less

@@ -10,6 +10,7 @@
   }
 }
 
+
 .tagCloud {
 
     img {
@@ -18,49 +19,51 @@
 
     .word a {
         text-decoration: none;
+
     }
 
     .word {
-        padding: 4px 8px 4px 0;
-        white-space: nowrap;
+      padding: 5px 15px 10px 8px;
+      white-space: nowrap;
+      display: inline-block;
     }
 
     .valueIsZero {
         text-decoration: line-through;
     }
 
     span.size0, span.size0 a {
-        color: #255792;
-        font-size: 28px;
+        color: #1f497a !important;
+        font-size: 46px;
     }
 
     span.size1, span.size1 a {
-        color: #255792;
-        font-size: 24px;
+        color: #24568f !important;
+        font-size: 40px;
     }
 
     span.size2, span.size2 a {
-        color: #255792;
-        font-size: 20px;
+        color: #2962a3 !important;
+        font-size: 32px;
     }
 
     span.size3, span.size3 a {
-        color: #255792;
-        font-size: 16px;
+        color: #255792 !important;
+        font-size: 28px;
     }
 
     span.size4, span.size4 a {
-        color: #255792;
-        font-size: 15px;
+        color:  #337acc !important;
+        font-size: 19px;
     }
 
     span.size5, span.size5 a {
-        color: #255792;
+        color: #5c95d6 !important;
         font-size: 14px;
     }
 
     span.size6, span.size6 a {
-        color: #255792;
-        font-size: 11px;
+        color: #5c95d6 !important;
+        font-size: 16px;
     }
-}
+}