ayanova/src/views/ops-metrics.vue

@@ -1,22 +1,22 @@
 <template>
   <v-row v-if="this.formState.ready">
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
-    <v-col cols="3">
+    <v-col cols="12" sm="6" lg="4" xl="3">
       <v-select
         v-model="selectedTimePeriod"
         :items="selectLists.dateFilterTokens"
         item-text="name"
         item-value="id"
-        prepend-icon="fa-filter"
+        append-outer-icon="fa-sync"
+        @click:append-outer="getDataFromApi"
         @input="timePeriodChanged"
       ></v-select>
-      <v-btn @click="getDataFromApi">
+      <!-- <v-btn @click="getDataFromApi">
         <v-icon>fa-sync</v-icon>
-      </v-btn>
-      <!-- {{ $vuetify.breakpoint.name }} -->
+      </v-btn> -->
     </v-col>
 
-    <v-tabs v-model="tab" color="primary" fixed-tabs @change="tabChanged">
+    <v-tabs v-model="tab" color="primary" grow @change="tabChanged">
       <v-tabs-slider></v-tabs-slider>
       <v-tab>routes</v-tab>
       <v-tab>storage</v-tab>