Update UI

share.py

@@ -689,9 +689,9 @@ def build_html(self):
         builder.end_title()
         builder.start_style()
         builder.append('.container{height: 80%; padding: 0 8px; display: flex; align-items: center; justify-content: center;}')
-        builder.append('.upload{width: 100%; height: 60%; border: 4px dashed #cccccc; border-radius: 8px; cursor: pointer; color: #2965c7; font-size: x-large; display: flex; align-items: center; justify-content: center;}')
-        builder.append('.upload:hover{color: #ff5500;}')
-        builder.append('.upload[disabled]{opacity: .65; pointer-events: none; user-select: none;}')
+        builder.append('.upload{width: 100%; height: 60%; border: 2px dashed #cccccc; border-radius: 8px; cursor: pointer; background-color: white; color: #333333; font-size: x-large;}')
+        builder.append('.upload:hover{background-color: #e6e6e6;}')
+        builder.append('.upload:disabled{opacity: .65; pointer-events: none; user-select: none;}')
         builder.append('.dragging{background-color: #cccccc;}')
         builder.end_style()
         builder.start_script()
@@ -735,12 +735,12 @@ def build_html(self):
         builder.end_head()
         builder.start_body()
         builder.append('<div class="container">')
-        builder.append('<div id="upload" class="upload">')
+        builder.append('<button id="upload" class="upload">')
         builder.append('Upload')
         builder.append('<form id="form" action="/" method="post" enctype="multipart/form-data" style="display: none;">')
         builder.append('<input id="file" name="file" type="file" required multiple>')
         builder.append('</form>')
-        builder.append('</div>')
+        builder.append('</button>')
         builder.append('</div>')
         builder.end_body()
         return builder.build()