style improvements

FileNation · Dec 24, 2017 · 19abeb1 · 19abeb1
1 parent c05d9ae
commit 19abeb1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/app/input/input.component.css b/src/app/input/input.component.css
@@ -31,14 +31,15 @@
 }
 
 .topHolder {
-  height: 200px;
-  width: 350px;
+  height: 450px;
+  width: 330px;
   background-color: white;
   border-radius: 3px 3px 0 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  filter: drop-shadow(0 0 10px black);
 }
 
 .image-upload {
@@ -80,7 +81,6 @@
 
 
 form {
-  width: 350px !important;
   height: 100%;
   background-color: white;
   border-radius: 0 0 3px 3px;
@@ -109,7 +109,7 @@ button {
   width: 100%;
   display: flex;
   flex-direction: column;
-  margin-bottom: 10px;
+  margin-bottom: 45px;
 }
 
 .changeButton {

diff --git a/src/app/input/input.component.html b/src/app/input/input.component.html
@@ -45,8 +45,6 @@ <h1 id="animatedLoader" class="spinner-pos"></h1>
       <button class="changeButton" mat-raised-button color="accent" (click)="toggleFile()">Change file</button>
     </div>
 
-  </div>
-
     <div class="form-input">
       <form class="example-form" (ngSubmit)="onTestPost()" >
         <mat-input-container class="example-full-width">
@@ -70,7 +68,7 @@ <h1 id="animatedLoader" class="spinner-pos"></h1>
         <button mat-raised-button color="accent" type="submit">Send</button>
       </form>
     </div>
-
+  </div>
   </div>
 
     <!-- <div class="g-recaptcha" data-sitekey="6LcokjIUAAAAAJnGe8_lM3HlcQktt1Wg7gMYib-N"> </div> -->