Improve css for the file app

www/file/file.css

@@ -9,10 +9,9 @@ body {
 }
 #file {
   display: block;
-  height: 300px;
-  width: 300px;
+  height: 100%;
+  width: 100%;
   border: 2px solid black;
-  margin: 50px;
 }
 .inputfile {
   width: 0.1px;
@@ -29,18 +28,23 @@ body {
   width: 50vh;
   height: 50vh;
   display: block;
-  margin: auto;
+  margin: 50px auto;
+  max-width: 80vw;
 }
 #upload-form label {
+  line-height: 50vh;
+  text-align: center;
   position: relative;
+  padding: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .hovering {
   background-color: rgba(255, 0, 115, 0.5) !important;
 }
 .block {
   display: block;
-  height: 50vh;
-  width: 50vh;
 }
 .hidden {
   display: none;
@@ -48,7 +52,6 @@ body {
 .inputfile + label {
   border: 2px solid black;
   background-color: rgba(50, 50, 50, 0.1);
-  margin: 50px;
   display: block;
 }
 .inputfile:focus + label,