调试 Refreash 到 width:100%, 添加小标题

web/index.js

@@ -81,6 +81,7 @@ const component_search_folders = {
 	},
 	template: `
 <div class="page">
+<h3>Search Folders</h3>
 <div class="search_toolbar">
 <input type="text" @keyup.enter="first_search_folders" v-model="search_foldernames" placeholder="Enter folder name" />
 <button @click="first_search_folders">Search Folders</Button>
@@ -104,6 +105,7 @@ const component_search_folders = {
 </tbody>
 </table>
 
+<h3>Files in folder</h3>
 <div class="search_toolbar">
 <button @click="folder_last_page">Last Page</button>
 <span>{{ computed_files_page }}</span>
@@ -630,6 +632,7 @@ const component_search_files = {
 	},
 	template: `
 <div class="page">
+<h3>Search Files</h3>
 <div class="search_toolbar">
 <input type="text" name="filename" @keyup.enter="first_search_files" v-model="search_filenames" placeholder="Enter filename" />
 <button @click="first_search_files">Search</button>
@@ -715,7 +718,7 @@ const component_get_random_files = {
 	template: `
 <div class="page">
 <div class="search_toolbar">
-	<button @click="get_random_files">{{ computed_refresh }}</button>
+	<button class="refresh" @click="get_random_files">{{ computed_refresh }}</button>
 </div>
 <table>
 	<thead>

web/style.css

@@ -58,9 +58,13 @@ div.search_toolbar {
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: flex-end;
+	width: 100%;
 }
 div.feedback {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 }
+button.refresh {
+	width: 100%;
+}