This is an automated email from the ASF dual-hosted git repository.

ningjiang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/servicecomb-pack.git

commit b4513f6ec1810c4ee98c237b00d0e433402b8b38
Author: Lei Zhang <[email protected]>
AuthorDate: Fri Aug 9 11:53:54 2019 +0800

    SCB-1411 Beautify page layout
---
 .../src/main/resources/templates/index.html        | 28 +++++++++++-----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/alpha/alpha-ui/src/main/resources/templates/index.html 
b/alpha/alpha-ui/src/main/resources/templates/index.html
index 2f27837..66fb745 100644
--- a/alpha/alpha-ui/src/main/resources/templates/index.html
+++ b/alpha/alpha-ui/src/main/resources/templates/index.html
@@ -32,7 +32,7 @@
     <!-- Total Transaction Card -->
     <div class="col-xl-3 col-md-6 mb-4">
       <div class="card border-left-primary shadow h-100 py-2">
-        <div class="card-body">
+        <div class="card-body" style="padding-bottom: 5px">
           <div class="row no-gutters align-items-center">
             <div class="col mr-2">
               <div class="text-xs font-weight-bold text-primary text-uppercase 
mb-1">Total
@@ -45,7 +45,7 @@
             </div>
           </div>
           <div class="row no-gutters align-items-center">
-            <div class="small" id="statistics-total-tip">0</div>
+            <div class="small" style="padding-top: 15px" 
id="statistics-total-tip">0</div>
           </div>
         </div>
       </div>
@@ -54,7 +54,7 @@
     <!-- Successful Transaction Card -->
     <div class="col-xl-3 col-md-6 mb-4">
       <div class="card border-left-success shadow h-100 py-2">
-        <div class="card-body">
+        <div class="card-body" style="padding-bottom: 5px">
           <div class="row no-gutters align-items-center">
             <div class="col mr-2">
               <div class="text-xs font-weight-bold text-success text-uppercase 
mb-1">Successful
@@ -67,7 +67,7 @@
             </div>
           </div>
           <div class="row no-gutters align-items-center">
-            <div class="small" id="statistics-successful-tip">0</div>
+            <div class="small" style="padding-top: 15px" 
id="statistics-successful-tip">0</div>
           </div>
         </div>
       </div>
@@ -76,7 +76,7 @@
     <!-- Compensated Transaction Card -->
     <div class="col-xl-3 col-md-6 mb-4">
       <div class="card border-left-warning shadow h-100 py-2">
-        <div class="card-body">
+        <div class="card-body" style="padding-bottom: 5px">
           <div class="row no-gutters align-items-center">
             <div class="col mr-2">
               <div class="text-xs font-weight-bold text-warning text-uppercase 
mb-1">Compensated
@@ -90,7 +90,7 @@
             </div>
           </div>
           <div class="row no-gutters align-items-center">
-            <div class="small" id="statistics-compensated-tip">0</div>
+            <div class="small" style="padding-top: 15px" 
id="statistics-compensated-tip">0</div>
           </div>
         </div>
       </div>
@@ -99,7 +99,7 @@
     <!-- Failed Transactions Card -->
     <div class="col-xl-3 col-md-6 mb-4">
       <div class="card border-left-danger shadow h-100 py-2">
-        <div class="card-body">
+        <div class="card-body" style="padding-bottom: 5px">
           <div class="row no-gutters align-items-center">
             <div class="col mr-2">
               <div class="text-xs font-weight-bold text-danger text-uppercase 
mb-1">Failed
@@ -112,7 +112,7 @@
             </div>
           </div>
           <div class="row no-gutters align-items-center">
-            <div class="small" id="statistics-failed-tip">0</div>
+            <div class="small" style="padding-top: 15px" 
id="statistics-failed-tip">0</div>
           </div>
         </div>
       </div>
@@ -131,25 +131,25 @@
         <!-- Card Body -->
         <div class="card-body">
           <div class="row">
-            <div class="col-xl-4 col-md-4 mb-4">
+            <div class="col-xl-4 col-md-4 mb-4" style="margin-bottom: 
0px!important;">
               <div class="text-xs font-weight-bold text-primary text-uppercase 
mb-1">COMMITTED</div>
               <div class="h5 mb-0 font-weight-bold text-gray-800" 
id="metrics-committed">0</div>
               <div class="row no-gutters align-items-center">
-                <div class="small" id="metrics-committed-tip">0</div>
+                <div class="small" style="padding-top: 25px" 
id="metrics-committed-tip">0</div>
               </div>
             </div>
-            <div class="col-xl-4 col-md-4 mb-4">
+            <div class="col-xl-4 col-md-4 mb-4" style="margin-bottom: 
0px!important;">
               <div class="text-xs font-weight-bold text-primary text-uppercase 
mb-1">COMPENSATED</div>
               <div class="h5 mb-0 font-weight-bold text-gray-800" 
id="metrics-compensated">0</div>
               <div class="row no-gutters align-items-center">
-                <div class="small" id="metrics-compensated-tip">0</div>
+                <div class="small" style="padding-top: 25px" 
id="metrics-compensated-tip">0</div>
               </div>
             </div>
-            <div class="col-xl-4 col-md-4 mb-4">
+            <div class="col-xl-4 col-md-4 mb-4" style="margin-bottom: 
0px!important;">
               <div class="text-xs font-weight-bold text-primary text-uppercase 
mb-1">SUSPENDED</div>
               <div class="h5 mb-0 font-weight-bold text-gray-800" 
id="metrics-suspended">0</div>
               <div class="row no-gutters align-items-center">
-                <div class="small" id="metrics-suspended-tip">0</div>
+                <div class="small" style="padding-top: 25px" 
id="metrics-suspended-tip">0</div>
               </div>
             </div>
           </div>

Reply via email to