1 files changed, 60 insertions, 44 deletions
diff --git a/usecaseui-portal/src/app/alarm/alarm.component.less b/usecaseui-portal/src/app/alarm/alarm.component.less
index 2d05c703..dc07bdc6 100644
--- a/usecaseui-portal/src/app/alarm/alarm.component.less
+++ b/usecaseui-portal/src/app/alarm/alarm.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .title {
     font: 700 18px/18px "思源黑体";
     color: #4c5e70;
@@ -10,7 +25,10 @@ hr {
     margin-bottom: 20px;
 }
 .select {
+    clear: both;
     .query_criteria {
+        width: 75%;
+        float: left;
         span {
             display: inline-block;
             font: 700 14px "Arial";
@@ -53,10 +71,14 @@ hr {
             }
         }
     }
-   
+    .thumbnail {
+        width: 25%;
+        height: 90px;
+        float: left;
+        margin-top: 8px;
+    }
 }
 // model style
-
 ::ng-deep .vertical-center-modal {
     display: flex;
     align-items: center;
@@ -65,53 +87,47 @@ hr {
 ::ng-deep .vertical-center-modal .ant-modal {
     top: 0;
 }
-
-.content {
-    clear: both;
-    padding-top: 20px;
-    .title {
-        border-radius: 5px 5px 5px 5px;
-        background-color: #fff;
-        height: 106px;
-        border-bottom: 1px solid #f0f0f0;
-        margin-bottom: 20px;
-        clear: both;
-        ul {
-            display: flex;
-            display: -webkit-flex; 
-            justify-content: space-around;
-            align-items: center;
-            padding: 0;
-            margin: 0;
-            height: 100%;
-            width: 70%;
-            float: left;
-            li {
-                list-style: none;
-                padding-left: 32px;
-                width: 100%;
-                border-left: 1px solid #eceff4;
-                h5 {
-                    font: 500 14px "Arial";
-                    color: #3d4d65;
-                }
-                p {
-                    font: 500 24px "Arial";
-                    color: #3fa8eb;
-                    margin-bottom: 0;
-                }
+.titles {
+    border-radius: 5px 5px 5px 5px;
+    background-color: #fff;
+    height: 106px;
+    border-bottom: 1px solid #f0f0f0;
+    margin-bottom: 20px;
+    // clear: both;
+    ul {
+        display: flex;
+        display: -webkit-flex; 
+        justify-content: space-around;
+        align-items: center;
+        padding: 0;
+        margin: 0;
+        height: 100%;
+        width: 70%;
+        float: left;
+        li {
+            list-style: none;
+            padding-left: 32px;
+            width: 100%;
+            border-left: 1px solid #eceff4;
+            h5 {
+                font: 500 14px "Arial";
+                color: #3d4d65;
             }
-            li:nth-child(1){
-                border: none;
+            p {
+                font: 500 24px "Arial";
+                color: #3fa8eb;
+                margin-bottom: 0;
             }
         }
-        .thumbnail {
-            width: 25%;
-            height: 90px;
-            float: left;
-            margin-top: 8px;
+        li:nth-child(1){
+            border: none;
         }
     }
+  
+}
+.content {
+    clear: both;
+    padding-top: 20px;
     .tablelist {
         background-color: #fff;
         padding: 24px 10px 0px;