New Quay Sec UI and fix some small bugs

Fixes #855

static/css/directives/repo-view/repo-panel-tags.css

@@ -85,46 +85,34 @@
   margin-right: 2px;
 }
 
-.repo-panel-tags-element .fa-flag {
+.repo-panel-tags-element .security-scan-col span {
   cursor: pointer;
 }
 
-.repo-panel-tags-element .vuln-name {
-
+.repo-panel-tags-element .security-scan-col i.fa {
+  margin-right: 4px;
 }
 
-.repo-panel-tags-element .vuln-description {
-  color: #aaa;
-  font-size: 10px;
-  white-space: normal;
+.repo-panel-tags-element .security-scan-col .scanning {
+  color: #9B9B9B;
+  font-size: 12px;
 }
 
-.repo-panel-tags-element .fa-flag.None {
-  color: #00CA00;
+.repo-panel-tags-element .security-scan-col .no-vulns a {
+  color: #2FC98E;
 }
 
-.repo-panel-tags-element .fa-flag.Medium {
-  color: orange;
+.repo-panel-tags-element .security-scan-col .vuln-link,
+.repo-panel-tags-element .security-scan-col .vuln-link span {
+  text-decoration: none !important
 }
 
-.repo-panel-tags-element .fa-flag.High {
-  color: red;
+.repo-panel-tags-element .security-scan-col .has-vulns.Critical .highest-vuln,
+.repo-panel-tags-element .security-scan-col .has-vulns.Defcon1 .highest-vuln {
 }
 
-.repo-panel-tags-element .vuln-dropdown ul {
-  min-width: 400px;
-}
-
-@keyframes flickerAnimation { /* flame pulses */
-  0%   { opacity:1; }
-  50%  { opacity:0; }
-  100% { opacity:1; }
-}
-
-.repo-panel-tags-element .fa-flag.Critical {
-  color: red;
-   opacity:1;
-    animation: flickerAnimation 1s infinite;
+.repo-panel-tags-element .other-vulns {
+  color: black;
 }
 
 @media (max-width: 767px) {

static/css/directives/ui/filter-box.css

@@ -15,4 +15,35 @@
   margin-right: 10px;
   margin-bottom: 10px;
   color: #ccc;
+}
+
+.filter-box.floating {
+  float: right;
+  min-width: 300px;
+  margin-top: 0px;
+  position: relative;
+}
+
+.filter-box.floating .filter-message {
+  position: absolute;
+  left: -200px;
+  top: 7px;
+}
+
+
+@media (max-width: 767px) {
+  .filter-box.floating {
+    float: none;
+    width: 100%;
+    display: block;
+    margin-top: 10px;
+  }
+
+  .filter-box.floating .form-control {
+    max-width: 100%;
+  }
+
+  .filter-box.floating .filter-message {
+    display: none;
+  }
 }

static/css/directives/ui/vulnerability-priority-view.css

@@ -0,0 +1,19 @@
+.vulnerability-priority-view-element i.fa {
+  margin-right: 4px;
+}
+
+.vulnerability-priority-view-element.Unknown,
+.vulnerability-priority-view-element.Low,
+.vulnerability-priority-view-element.Negligable {
+  color: #9B9B9B;
+}
+
+.vulnerability-priority-view-element.Medium {
+  color: #FCA657;
+}
+
+.vulnerability-priority-view-element.High,
+.vulnerability-priority-view-element.Critical,
+.vulnerability-priority-view-element.Defcon1 {
+  color: #D64456;
+}

static/css/pages/image-view.css

@@ -23,3 +23,23 @@
 .image-view .co-tab-content h3 {
   margin-bottom: 20px;
 }
+
+.image-view .fa-bug {
+  margin-right: 4px;
+}
+
+.image-view .co-filter-box {
+  float: right;
+  min-width: 300px;
+  margin-bottom: 10px;
+}
+
+.image-view .co-filter-box .current-filtered {
+  display: inline-block;
+  margin-right: 10px;
+  color: #999;
+}
+
+.image-view .co-filter-box input {
+  display: inline-block;
+}