Updated changes in landing dashboard xml

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@208335 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/ibase/dashboard/module-resource/common/metadataxml/all/landingDashboard.xml

@@ -116,20 +116,21 @@
 
                     .quicklink-dashboard .qd-header {
                         display: block;
+                        box-shadow: 0px 0px 16px -6px rgba(0,0,0,.3);
                         background: #465775;
                         color: #fff;
                         text-align: center;
-                        margin: auto;
+                        margin: 0 8px;
                         padding: 0;
                         border-radius: 4px;
-                        width: calc(100% - 8px);
+                        width: calc(100% - 16px);
                     }
 
                     .quicklink-dashboard .qd-header-content {
                         display: block;
                         color: #fff;
                         text-align: center;
-                        margin: 4px;
+                        margin: 8px 0;
                         padding: 16px;
                     }
 
@@ -152,12 +153,14 @@
                     .quicklink {
                         display: block;
                         position: relative;
-                        margin: 5px;
+                        margin: 8px;
                         border-radius: 4px;
                         cursor: pointer;
                         height: 200px;
                         padding: 0px !important;
-                        box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
+                       /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
+                        box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
+
                     }
 
                     .quicklink-dashboard .quicklink-icon img {
@@ -225,7 +228,7 @@
                         display: block;
                         color: #fff;
                         text-align: center;
-                        margin: 10px;
+                        margin: 8px;
                         padding: 40px 8px;
                     }
 
@@ -251,20 +254,23 @@
 
                     .quick-row,
                     .kpi-row {
-                        margin: auto;
+                        margin: 0;
                         padding: 0;
+                        width: 100%;
+                        height: auto;
                     }
 
                     .kpi-box {
                         height: 114px;
                         max-height: 114px;
-					    box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
+                       /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
+                        box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
                         position: relative;
-					    margin: 5px;
                         border-radius: 4px;
                         cursor: pointer;
                         display: flex;
                         flex-direction: column;
+                        margin: 8px;
                     }
 
                     .kpi-header {
@@ -351,45 +357,44 @@
                     .kpi-row .col{
                         float: left;
                     }
-
                   @media (min-width:320px) {
                       .kpi-card {
-                        width: calc(100% - 10px) ;
+                        width: calc(100% - 16px) ;
                       }
                       .quick-card {
-                        width: calc(100% - 10px) ;
+                        width: calc(100% - 16px) ;
                       }
                   }
                   @media (min-width:576px) {
                       .kpi-card {
-                        width: calc(50% - 10px) ;
+                        width: calc(50% - 16px) ;
                       }
                       .quick-card {
-                        width: calc(50% - 10px) ;
+                        width: calc(50% - 16px) ;
                       }
                   }
                   @media (min-width:768px) {
                       .kpi-card {
-                        width: calc(25% - 10px) ;
+                        width: calc(25% - 16px) ;
                       }
                       .quick-card {
-                        width: calc(33.33333% - 10px) ;
+                        width: calc(33.33333% - 16px) ;
                       }
                   }
                   @media (min-width:992px) {
                       .kpi-card {
-                        width: calc(25% - 10px) ;
+                        width: calc(25% - 16px) ;
                       }
                       .quick-card {
-                        width: calc(33.33333% - 10px) ;
+                        width: calc(33.33333% - 16px) ;
                       }
                   }
                   @media (min-width:1200px) {
                       .kpi-card {
-                         width: calc(25% - 10px);
+                         width: calc(25% - 16px);
                       }
                       .quick-card {
-                        width: calc(33.33333% - 10px) ;
+                        width: calc(33.33333% - 16px) ;
                       }
                   }