From 0611f27a696b8bfa6aeb0045ff8f0a29b4b23b17 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Tue, 25 May 2021 14:02:40 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=AF=95=20Refreash=20=E5=88=B0=20wid?=
 =?UTF-8?q?th:100%,=20=E6=B7=BB=E5=8A=A0=E5=B0=8F=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/index.js  | 5 ++++-
 web/style.css | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/index.js b/web/index.js
index 15879ad..146e473 100644
--- a/web/index.js
+++ b/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>
diff --git a/web/style.css b/web/style.css
index e5f1a36..090ed30 100644
--- a/web/style.css
+++ b/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%;
+}