Updated

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

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

@@ -237,11 +237,11 @@
 
                     .kpi-box {
 					    text-align: unset;
-                        height: 160px;
+					    max-height: 100px;
 					    box-shadow: 0 0 1px #ccc;
 					    position: relative;
 					    margin: 4px;
-                        display: inline-block;
+					    display: inline-flex;
 					    color: #fff;
 					    padding: 0px !important;
 					    border-radius: 4px;
@@ -250,29 +250,33 @@
 
                     .kpi-icon {
 						color: #fff;
-                        width: 96px;
-                        height: 96px;
-                        padding: 0;
-                        background-color: rgba(0,0,0,.1);
-                        margin: 32px 16px;
+					    margin: auto;
+					    padding: 5%;
 					    border-radius: 50%;
-                        display: inline-block;
+					    display: inline-flex;
 					    float: left;
+					    width: 25%;
+					    align-items: center;
+					    position: relative;
                     }
 
                     .kpi-icon img {
 					    text-align: center;
-                        height: 48px;
-                        width: 48px;
-                        margin: 24px;
+					    height: 75%;
+					    width: 75%;
+					    margin: auto;
+					    padding: 0;
                     }
 
                     .kpi-info {
-                        display: grid;
-                        height: 144px;
-                        align-items: center;
-                        width: calc( 100% - 128px );
-                        padding: 8px 0;
+						display: flex;
+					    flex-direction: column;
+					    min-height: 100px;
+					    position: relative;
+					    align-items: flex-start;
+					    justify-content: center;
+					    width: 75%;
+					    padding: 0;
                     }
 
                     .kpi-title {
@@ -280,37 +284,41 @@
 					    padding: 0;
 					    font-size: 18px;
 					    width: 100%;
-                        align-self: end;
+					    display: inline-flex;
                     }
 
                     .kpi-count-summary {
                         display: inline-flex;
                         align-items: baseline;
-                        align-self: start;
                     }
 
                     .kpi-count {
                         color: #fff;
                         padding: 0;
-                        font-size: 6em;
+                        font-size: 42px;
                         float: left;
                     }
 
                     .kpi-summary {
                         color: #fff;
                         padding: 0 .5em;
-                        font-size: 2em;
+                        font-size: 14px;
                     }
 
 
                     .quick-row .col, 
                     .kpi-row .col{
-                        padding-left: .625rem;
-                        padding-right: .625rem;
                         float: left;
                     }
 
                   @media (min-width:320px) {
+                      .kpi-icon {
+                      	padding: 0;
+                      }
+                      .kpi-icon img {
+					    height: 25%;
+					    width: 25%;
+				   	  }
                       .kpi-card {
                         width: calc(100% - 8px) ;
                       }
@@ -320,6 +328,13 @@
                   }
 
                   @media (min-width:576px) {
+                      .kpi-icon {
+                      	padding: 5%;
+                      }
+                      .kpi-icon img {
+					    height: 50%;
+					    width: 50%;
+				   	  }
                       .kpi-card {
                         width: calc(50% - 8px) ;
                       }
@@ -328,14 +343,28 @@
                       }
                   }
                   @media (min-width:768px) {
+                      .kpi-icon {
+                      	padding: 5%;
+                      }
+                      .kpi-icon img {
+					    height: 75%;
+					    width: 75%;
+				   	  }
                       .kpi-card {
-                        width: calc(25% - 8px) ;
+                        width: calc(50% - 8px) ;
                       }
                       .quick-card {
-                        width: calc(50% - 8px) ;
+                        width: calc(33.33333% - 8px) ;
                       }
                   }
                   @media (min-width:992px) {
+                      .kpi-icon {
+                      	padding: 5%;
+                      }
+                      .kpi-icon img {
+					    height: 75%;
+					    width: 75%;
+				   	  }
                       .kpi-card {
                         width: calc(25% - 8px) ;
                       }
@@ -344,6 +373,13 @@
                       }
                   }
                   @media (min-width:1200px) {
+                      .kpi-icon {
+                      	padding: 5%;
+                      }
+                      .kpi-icon img {
+					    height: 75%;
+					    width: 75%;
+				   	  }
                       .kpi-card {
                         width: calc(25% - 8px) ;
                       }