From 19a945de783b6158ec48f5c5ff5bbb9858db2890 Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Fri, 16 Aug 2019 11:59:21 +0800
Subject: feat: Home page style optimization

Change-Id: I6fa4760b5c401cb9ff9e0198ed545b7c2fef18b3
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
---
 usecaseui-portal/src/app/home/home.component.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'usecaseui-portal/src/app/home/home.component.html')

diff --git a/usecaseui-portal/src/app/home/home.component.html b/usecaseui-portal/src/app/home/home.component.html
index d429bf8f..4126f241 100644
--- a/usecaseui-portal/src/app/home/home.component.html
+++ b/usecaseui-portal/src/app/home/home.component.html
@@ -16,8 +16,8 @@
 
 <!--<h3 class="title"> {{"Overall trend" | translate}}</h3>
 <hr> -->
-<div class="content" style="padding: 20px 20px;">
-  <div style="float: left;width:30%;height:96vh">
+<div class="content">
+  <div class="left-content">
     <div class="services">
       <h4>{{"i18nTextDefine_SERVICES" | translate}}</h4>
       <!-- <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
@@ -35,10 +35,10 @@
         <span  style="color:#3C4F8C"  (click) = "goback_services()">{{"i18nTextDefine_ViewDetails" | translate}}</span>
       </p>
     </div>
-    <div class="PACKAGE" style="height: 43%;margin-top: 3%">
+    <div class="PACKAGE">
       <h4>{{"i18nTextDefine_PACKAGE" | translate}}</h4>
       <div class="details">
-        <li>
+        <li class="detailstoplinContent">
           <div class="detailstoplin">
             <div><span></span> NS</div>
             <div>
@@ -47,7 +47,7 @@
             <div>{{NSdata}}</div>
           </div>
         </li>
-        <li>
+        <li class="detailstoplinContent">
             <div class="detailstoplin">
               <div><span style="background-color:#BCECB8;"></span> VNF</div>
               <div>
@@ -56,7 +56,7 @@
               <div>{{Vnfdata}}</div>
             </div>
           </li>
-          <li>
+          <li class="detailstoplinContent">
               <div class="detailstoplin">
                 <div><span style="background-color:#ACCAF4;"></span> PNF</div>
                 <div>
@@ -66,7 +66,7 @@
               </div>
             </li>
       </div>
-      <p class="tip" style="margin-top: 20px;">
+      <p class="tip">
         <span style="color:#3C4F8C" (click) = "goback_onboard()">{{"i18nTextDefine_ViewDetails" | translate}}</span>
       </p>
     </div>
-- 
cgit 1.2.3-korg