1 files changed, 67 insertions, 45 deletions

diff --git a/usecaseui-portal/src/app/shared/components/customer/customer.component.less b/usecaseui-portal/src/app/shared/components/customer/customer.component.less
index 7d329230..83307dd7 100644
--- a/usecaseui-portal/src/app/shared/components/customer/customer.component.less
+++ b/usecaseui-portal/src/app/shared/components/customer/customer.component.less
@@ -34,6 +34,65 @@
             background-color: #e6f7ff;
         }
     }
+    .chearts {
+        display: inline-block;
+        width: 32%;
+        margin-right: 1.5%;  
+        vertical-align: top;
+        height: 100%;
+        >div{
+            padding: 20px 20px;
+        }
+        .Cu {
+            height: 48%;
+            width: 100%;
+            margin-bottom: 7%;
+            margin-right: 2.5%;
+            border-radius: 5px;
+            background-color: #fff;
+            box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
+            p {
+                color :#0DA9E2;
+                font-family:"ArialMT";
+            }
+            .legend {
+                height: 10px;
+                width: 10px;
+                display: inline-block;
+                background: linear-gradient(to right,#7DCEFB, #0DA9E2);
+                border-radius: 50%;
+                margin: 15px 4px 0 43%;
+            }
+        }
+        .type {
+            height: 48%;
+            width: 100%;
+            margin-right: 2.5%;
+            border-radius: 5px;
+            background-color: #fff;
+            box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
+            p {
+                color :#0DA9E2;
+                font-family:"ArialMT";    
+            }
+            app-bar{
+                width: 100%;
+            }
+            .footname{
+                width: 100%;
+                height: 40px;
+                line-height: 40px;
+                text-align: center;
+                color: #3C4F8C;
+                margin-top: 20px;
+                img{
+                    margin-right: 5px;
+                    margin-bottom: 3px;
+                }
+            }
+
+        }
+    }
     .customer {
         height: 100%;
         overflow: hidden;
@@ -60,6 +119,7 @@
                     height: 30px;
                     float: right;
                     margin-top: 7px;
+                    cursor: pointer;
                 }
             }
         }
@@ -142,6 +202,7 @@
                     float: right;
                     margin-right: -10px;
                     margin-top: 5px;
+                    cursor: pointer;
                 }
             }
         }
@@ -172,7 +233,7 @@
                 }
             }
 
-            .services_list {
+            .services_list_content {
                 background:linear-gradient(to right, #E5F6FF, #CFEEFA);
                 height: 100%;
                 .border_size{
@@ -184,6 +245,8 @@
                     border-bottom: 24px solid transparent;
                     border-right: 10px solid #E5F6FF;
                 }
+                .services_list{ 
+                    padding:0 20px;
                     li {
                         height: 50px;
                         line-height: 50px;
@@ -204,51 +267,10 @@
                         }
                     }
                 }
-            
-        }
-    }
-    .chearts {
-        display: inline-block;
-        width: 32%;
-        margin-right: 1.5%;  
-        vertical-align: top;
-        height: 100%;
-        >div{
-            padding: 20px 20px;
-        }
-        .Cu {
-            height: 48%;
-            width: 100%;
-            margin-bottom: 7%;
-            margin-right: 2.5%;
-            border-radius: 5px;
-            background-color: #fff;
-            box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
-            p {
-                color :#0DA9E2;
-                font-family:"ArialMT";
-            }
-            .legend {
-                height: 10px;
-                width: 10px;
-                display: inline-block;
-                background: linear-gradient(to right,#7DCEFB, #0DA9E2);
-                border-radius: 50%;
-                margin: 15px 4px 0 43%;
-            }
-        }
-        .type {
-            height: 48%;
-            width: 100%;
-            margin-right: 2.5%;
-            border-radius: 5px;
-            background-color: #fff;
-            box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
-            p {
-                color :#0DA9E2;
-                font-family:"ArialMT";
-                
+                    
             }
+            
         }
     }
+    
 }
\ No newline at end of file