Change guideline icon on mobile page

Author: Hironsan

frontend/components/containers/annotation/ApproveButton.vue

@@ -9,14 +9,15 @@
         @click="approveDocument"
       >
         <v-icon v-if="approved">
-          mdi-check-circle-outline
+          mdi-check
         </v-icon>
         <v-icon v-else>
-          mdi-checkbox-blank-circle-outline
+          mdi-close
         </v-icon>
       </v-btn>
     </template>
-    <span>Approve</span>
+    <span v-if="approved">Checked</span>
+    <span v-else>Not checked</span>
   </v-tooltip>
 </template>
 

frontend/components/organisms/annotation/BottomNavigator.vue

@@ -5,15 +5,10 @@
     background-color="transparent"
     class="elevation-0"
   >
-    <v-tooltip top>
-      <template v-slot:activator="{ on }">
-        <v-btn v-on="on">
-          <span>Prev</span>
-          <v-icon>mdi-chevron-left</v-icon>
-        </v-btn>
-      </template>
-      <span>ctrl + ←</span>
-    </v-tooltip>
+    <v-btn>
+      <span>Prev</span>
+      <v-icon>mdi-chevron-left</v-icon>
+    </v-btn>
 
     <v-btn value="done">
       <span>Done</span>
@@ -22,17 +17,12 @@
 
     <v-btn value="guide">
       <span>Guideline</span>
-      <v-icon>mdi-format-color-text</v-icon>
+      <v-icon>mdi-book-open-outline</v-icon>
     </v-btn>
 
-    <v-tooltip top>
-      <template v-slot:activator="{ on }">
-        <v-btn v-on="on">
-          <span>Next</span>
-          <v-icon>mdi-chevron-right</v-icon>
-        </v-btn>
-      </template>
-      <span>ctrl + →</span>
-    </v-tooltip>
+    <v-btn>
+      <span>Next</span>
+      <v-icon>mdi-chevron-right</v-icon>
+    </v-btn>
   </v-bottom-navigation>
 </template>