From 0f3fe90b0b200f7393125b55cf5af5506c67289c Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Sat, 29 May 2021 00:01:25 +0800
Subject: [PATCH] fix: overflow dialog button

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

diff --git a/web/index.js b/web/index.js
index 650f03e..b1111b8 100644
--- a/web/index.js
+++ b/web/index.js
@@ -445,7 +445,7 @@ const component_file = {
 <td class="clickable" @click="show_folder">{{ file.foldername }}</td>
 <td>{{ computed_readable_size }}</td>
 <td>
-	<button @click="dialog">Dialog</button>
+	<button class="dialog" @click="dialog">Dialog</button>
 	<component-file-dialog
 		@close_dialog="close_dialog"
 		@play_audio="$emit('play_audio', $event)"
diff --git a/web/style.css b/web/style.css
index 090ed30..f16d84f 100644
--- a/web/style.css
+++ b/web/style.css
@@ -68,3 +68,7 @@ div.feedback {
 button.refresh {
 	width: 100%;
 }
+button.dialog {
+	padding-right: 1em;
+	padding-left: 1em;
+}