X-Git-Url: https://gerrit.onap.org/r/gitweb?p=aai%2Fsparky-fe.git;a=blobdiff_plain;f=resources%2Fscss%2Fvisualizations%2F_layout.scss;fp=resources%2Fscss%2Fvisualizations%2F_layout.scss;h=fa756f57eff99709c7caef6aa1ffcf3994c6b7db;hp=74d15f14c2111cf063e03f159eb5511cd3d94711;hb=bca1bdc7d52b01ede5c0e85f06cd6c64e5aaab57;hpb=d4fd54113808e9efa637719719b2831e0597996e

diff --git a/resources/scss/visualizations/_layout.scss b/resources/scss/visualizations/_layout.scss
index 74d15f1..fa756f5 100644
--- a/resources/scss/visualizations/_layout.scss
+++ b/resources/scss/visualizations/_layout.scss
@@ -21,9 +21,8 @@
  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
 
-
 #audit-visualizations {
-  padding: 10px;
+  padding: 0px 10px 10px 25px;
 }
 
 #visualization-violation-severities {
@@ -31,24 +30,24 @@
 }
 
 #visualization-severity-minor {
-  border: solid 2px $yellow;
+  border: solid 2px $border-color7;
   font-size: 14px;
   margin: 0px 10px;
-  padding: 6px 10px 0px 10px;
+  padding: 3px 10px;
 }
 
 #visualization-severity-major {
-  border: solid 2px $orange;
+  border: solid 2px $border-color12;
   font-size: 14px;
   margin: 0px 10px;
-  padding: 6px 10px 0px 10px;
+  padding: 3px 10px;
 }
 
 #visualization-severity-critical {
-  border: solid 2px $red;
+  border: solid 2px $border-color10;
   font-size: 14px;
-  margin: 10px 14px;
-  padding: 9px 10px 0px 10px;
+  margin: 0px 10px;
+  padding: 3px 10px;
 }
 
 .visualization-title {
@@ -56,6 +55,14 @@
   margin-bottom: 15px;
 }
 
+.visualization-violation-count {
+  margin-bottom: 15px;
+}
+
+.visualization-charts {
+  margin-top: 0px;
+}
+
 .visualization-chart-side-by-side {
   width: 50%;
   float: left;