fix styles of input button

WorldBrain · Jun 24, 2020 · 6a0ea2a · 6a0ea2a
1 parent d5240e5
commit 6a0ea2a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/folder-select.css b/folder-select.css
@@ -49,8 +49,20 @@ p {
     height: 30px;
 }
 
+#folder-select {
+    width: 120px;
+    height: 30px;
+    color: white;
+    font-size: 15px;
+    cursor: pointer;
+    border: 2px solid #173766;
+    background-color: #173766;
+    border-radius: 5px;
+}
+
 .folder-select-bg {
     width: 120px;
+    padding: 5px 10px;
     height: 30px;
     color: white;
     font-size: 15px;

diff --git a/folder-select.html b/folder-select.html
@@ -10,8 +10,8 @@
       <div class="pickFolder">
         <div class="info">Pick a folder for your local backups.</div>
         <div class="select-container">
-          <input type="file" id="folderSelect" nwdirectory directory />
-          <button class="folder-select-bg">Select Folder</button>
+          <input type="file" id="folderSelect" nwdirectory directory>
+          <label for="folderSelect" class="folder-select-bg">Select Folder</label>
         </div>
         <div class="pathBox">
           <p class="info" id="pathPara"></p>