more formatting

This commit is contained in:
Daniela Arcese 2017-06-05 10:42:26 -04:00
parent dce581466d
commit a957a7302d
2 changed files with 31 additions and 16 deletions

View File

@ -14,7 +14,7 @@
Share your files quickly, privately and securely. Share your files quickly, privately and securely.
</div> </div>
<div class="upload-window"> <div class="upload-window">
<div id="upload-img"><img src='resources/upload.svg'/></div> <div id="upload-img"><img src="resources/upload.svg"/></div>
<div> <div>
DRAG &amp; DROP DRAG &amp; DROP
</div> </div>

View File

@ -8,6 +8,7 @@ body {
font-style: normal; font-style: normal;
background-size: cover; background-size: cover;
} }
.main-window { .main-window {
border: 1px solid; border: 1px solid;
width: 606px; width: 606px;
@ -21,11 +22,13 @@ body {
background-color: white; background-color: white;
border-radius: 5px; border-radius: 5px;
} }
.title { .title {
font-size: 14px; font-size: 14px;
width: 50%; width: 50%;
margin: 50px auto ; margin: 50px auto ;
} }
.upload-window { .upload-window {
border: 1px dashed; border: 1px dashed;
width: 50%; width: 50%;
@ -38,31 +41,39 @@ body {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
} }
#browse { #browse {
float: right; float: right;
color: blue; color: blue;
} }
#browse-text { #browse-text {
float: left; float: left;
width: 128px; width: 128px;
} }
#upload-img { #upload-img {
padding-right: 20px; padding-right: 20px;
} }
.upload-window>div:nth-child(2) { .upload-window>div:nth-child(2) {
font-size: 26px; font-size: 26px;
} }
.upload { .upload {
font-size: 12px; font-size: 12px;
width: auto; width: auto;
overflow: hidden; overflow: hidden;
} }
.file-upload { .file-upload {
cursor: pointer; cursor: pointer;
} }
input[type="file"] { input[type="file"] {
display: none; display: none;
} }
form { form {
width: 45px; width: 45px;
float: right; float: right;
@ -75,20 +86,24 @@ th{
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
} }
td { td {
font-size: 12px; font-size: 12px;
vertical-align: top; vertical-align: top;
} }
#uploaded-files { #uploaded-files {
width: 472px; width: 472px;
margin: 10px auto ; margin: 10px auto ;
table-layout: fixed; table-layout: fixed;
overflow-y: scroll; overflow-y: scroll;
} }
#file-list { #file-list {
overflow-y: scroll; overflow-y: scroll;
height: 90px; height: 90px;
} }
.delete-btn { .delete-btn {
padding: 0; padding: 0;
border: none; border: none;