From 3e5792def794639d7a8cfd8da4e65f727ef040cf Mon Sep 17 00:00:00 2001
From: MaKyOtOx <nicolas.mattiocco@patrowl.io>
Date: Wed, 12 Jan 2022 11:12:42 +0100
Subject: [PATCH] fix monitored button

---
 frontend/src/components/pages/Vulns.vue | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/pages/Vulns.vue b/frontend/src/components/pages/Vulns.vue
index d102f429..0a15d5f2 100644
--- a/frontend/src/components/pages/Vulns.vue
+++ b/frontend/src/components/pages/Vulns.vue
@@ -7,8 +7,6 @@
           <v-row>
             <v-col class="pa-2" md="auto" >
                 Vulnerabilities<br/>
-            <!-- </v-col>
-            <v-col class="pa-2"> -->
               <v-chip
                 small label outlined :color="getBoolColor(this.show_all)"
                 @click="toggleShowAll()">All</v-chip>&nbsp;
@@ -17,7 +15,10 @@
                 @click="toggleShowLastDay()">Last 24h</v-chip>&nbsp;
               <v-chip
                 small label outlined :color="getBoolColor(this.show_last_week)"
-                @click="toggleShowLastWeek()">Last Week</v-chip>
+                @click="toggleShowLastWeek()">Last Week</v-chip>&nbsp;
+              <v-chip
+                small label outlined :color="this.show_monitored?'deep-orange':'grey'"
+                @click="toggleMonitored()">Monitored</v-chip>
             </v-col>
             <v-col class="pa-2" md="4">
               <v-text-field
@@ -29,9 +30,7 @@
                 hide-details
               ></v-text-field>
             </v-col>
-          </v-row>
-          <v-row>
-            <v-col class="pa-2" md="4">
+            <v-col class="pa-2" md="3">
               <v-slider
                 v-model="search_slider_min"
                 label="Min Score"
@@ -54,14 +53,6 @@
                 hide-details
               ></v-slider>
             </v-col>
-            <v-col class="pa-2" md="4">
-              <v-switch
-                v-model="show_monitored"
-                label="Monitored"
-                color="deep-orange"
-              >
-              </v-switch>
-            </v-col>
           </v-row>
           <v-row v-if="showAdvancedFilters">
             <v-col cols="12">
@@ -418,6 +409,9 @@ export default {
         this.show_last_day = false;
       }
     },
+    toggleMonitored() {
+      this.show_monitored = !this.show_monitored;
+    },
     showManageMetadataButtons(){
       let p = JSON.parse(this.getUserProfile());
       if (p != null && 'manage_metadata' in p){