ayanova/src/views/ops-jobs.vue

@@ -1,8 +1,7 @@
 <template>
   <v-row v-if="this.formState.ready">
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
-    <v-col cols="12">
-      <p class="title">{{ $ay.t("Log") }}</p>
+    <v-col cols="12">    
 
       <v-btn @click="getDataFromApi" class="mt-1 mb-n6">
         <v-icon>fa-sync</v-icon>
@@ -252,7 +251,7 @@ function initForm(vm) {
 // Ensures UI translated text is available
 //
 function fetchTranslatedText(vm) {
-  let tKeysRequired = ["OpsTestJob", "Log"];
+  let tKeysRequired = ["OpsTestJob"];
 
   return window.$gz.translation.fetch(tKeysRequired);
 }

ayanova/src/views/ops-log.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row v-if="this.formState.ready" v-resize="onResize">
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
-    <v-col cols="12">
+    <v-col cols="12" sm="6" lg="4" xl="3">
       <v-select
         v-model="selectedLog"
         :items="selectLists.serverLogs"
@@ -9,6 +9,8 @@
         item-value="logname"
         :label="$ay.t('Log')"
         @input="logSelected"
+        append-outer-icon="fa-sync"
+        @click:append-outer="getDataFromApi"
       >
       </v-select>
     </v-col>
@@ -22,11 +24,11 @@
         >
           <pre>{{ log }}</pre>
         </v-card>
-        <v-card-actions>
+        <!-- <v-card-actions>
           <v-btn @click="getDataFromApi">
             <v-icon>fa-sync</v-icon>
           </v-btn>
-        </v-card-actions>
+        </v-card-actions> -->
       </v-card>
     </v-col>
   </v-row>

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>