improving mobile upload modal alignment

2018-04-12 12:16:02 -04:00 · 2018-04-12 12:16:02 -04:00 · dfeaa34435
parent 0e2584b841
commit dfeaa34435
1 changed files with 8 additions and 5 deletions
--- a/app/assets/stylesheets/mobile/upload.scss
+++ b/app/assets/stylesheets/mobile/upload.scss
@ -1,6 +1,6 @@
 .upload-selector {
  input[type="text"]{
-    width: 90%;
+    width: calc(100% - 20px);
  }
  input[type="file"] {
    font-size: $font-0;
@ -16,13 +16,16 @@
    &:first-of-type {
      margin-bottom: 1em;
    }
-    label {
-      vertical-align: middle;      
+    input, label {
+      min-height: 20px;
+      line-height: $line-height-medium;
+      margin: 0;
    }
-    input {
-      line-height: $line-height-large;
+    .radio {
+      padding-left: 5px;
    }
    .inputs {
+      margin-top: 10px; 
      width: 100%;
    }
  }