diff --git a/public/index.html b/public/index.html
index 016f78aa..ace23482 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,7 @@
Share your files quickly, privately and securely.
-
+
DRAG & DROP
diff --git a/public/main.css b/public/main.css
index edf112ee..afffea01 100644
--- a/public/main.css
+++ b/public/main.css
@@ -8,7 +8,8 @@ body {
font-style: normal;
background-size: cover;
}
-.main-window{
+
+.main-window {
border: 1px solid;
width: 606px;
height: 447px;
@@ -21,12 +22,14 @@ body {
background-color: white;
border-radius: 5px;
}
-.title{
+
+.title {
font-size: 14px;
width: 50%;
margin: 50px auto ;
}
-.upload-window{
+
+.upload-window {
border: 1px dashed;
width: 50%;
margin: 0 auto;
@@ -38,58 +41,70 @@ body {
align-items: center;
flex-direction: column;
}
-#browse{
+
+#browse {
float: right;
color: blue;
}
-#browse-text{
+
+#browse-text {
float: left;
width: 128px;
}
-#upload-img{
+
+#upload-img {
padding-right: 20px;
}
-.upload-window>div:nth-child(2){
+
+.upload-window>div:nth-child(2) {
font-size: 26px;
}
-.upload{
+
+.upload {
font-size: 12px;
width: auto;
overflow: hidden;
}
-.file-upload{
+
+.file-upload {
cursor: pointer;
}
+
input[type="file"] {
display: none;
}
-form{
+
+form {
width: 45px;
float: right;
}
/** file-list **/
-th{
+th {
font-size: 10px;
color: #737373;
font-weight: normal;
text-align: left;
}
-td{
+
+td {
font-size: 12px;
vertical-align: top;
}
-#uploaded-files{
+
+#uploaded-files {
width: 472px;
margin: 10px auto ;
table-layout: fixed;
overflow-y: scroll;
}
-#file-list{
+
+#file-list {
overflow-y: scroll;
height: 90px;
}
-.delete-btn{
+
+.delete-btn {
padding: 0;
border: none;
background: none;