Add ids to some buttons

_assets/src/components/Main.vue

@@ -65,13 +65,13 @@ import Listing from './Listing'
 import Editor from './Editor'
 import Sidebar from './Sidebar'
 import Prompts from './prompts/Prompts'
-import InfoButton from './buttons/InfoButton'
-import DeleteButton from './buttons/DeleteButton'
-import RenameButton from './buttons/RenameButton'
-import UploadButton from './buttons/UploadButton'
-import DownloadButton from './buttons/DownloadButton'
-import SwitchButton from './buttons/SwitchViewButton'
-import MoveButton from './buttons/MoveButton'
+import InfoButton from './buttons/Info'
+import DeleteButton from './buttons/Delete'
+import RenameButton from './buttons/Rename'
+import UploadButton from './buttons/Upload'
+import DownloadButton from './buttons/Download'
+import SwitchButton from './buttons/SwitchView'
+import MoveButton from './buttons/Move'
 import css from '@/utils/css'
 import api from '@/utils/api'
 import {mapGetters, mapState} from 'vuex'

_assets/src/components/Preview.vue

@@ -31,10 +31,10 @@
 <script>
 import { mapState } from 'vuex'
 import url from '@/utils/url'
-import InfoButton from './buttons/InfoButton'
-import DeleteButton from './buttons/DeleteButton'
-import RenameButton from './buttons/RenameButton'
-import DownloadButton from './buttons/DownloadButton'
+import InfoButton from './buttons/Info'
+import DeleteButton from './buttons/Delete'
+import RenameButton from './buttons/Rename'
+import DownloadButton from './buttons/Download'
 
 export default {
   name: 'preview',

_assets/src/components/buttons/Delete.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Delete"  title="Delete" class="action">
+  <button @click="show" aria-label="Delete"  title="Delete" class="action" id="delete-button">
     <i class="material-icons">delete</i>
     <span>Delete</span>
   </button>

_assets/src/components/buttons/Download.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="download" aria-label="Download" title="Download" class="action">
+  <button @click="download" aria-label="Download" title="Download" class="action" id="download-button">
     <i class="material-icons">file_download</i>
     <span>Download</span>
     <span v-if="selectedCount > 0" class="counter">{{ selectedCount }}</span>

_assets/src/components/buttons/Info.vue

@@ -1,5 +1,5 @@
 <template>
-  <button title="Info" aria-label="Info" class="action" @click="show">
+  <button title="Info" aria-label="Info" class="action" @click="show" id="info-button">
     <i class="material-icons">info</i>
     <span>Info</span>
   </button>

_assets/src/components/buttons/Move.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Move" title="Move" class="action">
+  <button @click="show" aria-label="Move" title="Move" class="action" id="move-button">
     <i class="material-icons">forward</i>
     <span>Move file</span>
   </button>

_assets/src/components/buttons/Rename.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="show" aria-label="Rename" title="Rename" class="action">
+  <button @click="show" aria-label="Rename" title="Rename" class="action" id="rename-button">
     <i class="material-icons">mode_edit</i>
     <span>Rename</span>
   </button>

_assets/src/components/buttons/SwitchView.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="change" aria-label="Switch View" title="Switch View" class="action">
+  <button @click="change" aria-label="Switch View" title="Switch View" class="action" id="switch-view-button">
     <i class="material-icons">{{ icon() }}</i>
     <span>Switch view</span>
   </button>

_assets/src/components/buttons/Upload.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @click="upload" aria-label="Upload" title="Upload" class="action">
+  <button @click="upload" aria-label="Upload" title="Upload" class="action" id="upload-button">
     <i class="material-icons">file_upload</i>
     <span>Upload</span>
   </button>