Fix mismatched box sizes on source interface index

freedomofpress · Feb 4, 2017 · b14c5ec · b14c5ec
1 parent 10c937a
commit b14c5ec
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/securedrop/sass/_base.sass b/securedrop/sass/_base.sass
@@ -338,7 +338,7 @@
     display: inline-block
     width: 30%
     min-width: 300px
-    min-height: 290px
+    min-height: 310px
     margin: 1%
     padding: 25px
     border: 1px solid #c3c3c3

diff --git a/securedrop/sass/_button-rules.sass b/securedrop/sass/_button-rules.sass
@@ -64,6 +64,13 @@
       color: $color_purple_medium_darker
       border: 1px solid $color_purple_medium_darker
 
+    &.index
+      display: block
+      position: absolute
+      bottom: 5%
+      left: 10%
+      right: 10%
+
   button.block, a.btn.block
     text-decoration: none
     min-width: 250px

diff --git a/securedrop/source_templates/index.html b/securedrop/source_templates/index.html
@@ -34,8 +34,7 @@ <h2 class="welcome-text">
           </h2>
           <hr class="cut-out" />
           <p>If this is your first time submitting documents to journalists, start here.</p>
-          {# adding a break between 'submit' and 'documents' to make both containers equal sized #}
-          <a href="/generate" class="sd-button btn alt block" id="submit-documents-button">SUBMIT<br/>DOCUMENTS</a>
+          <a href="/generate" class="sd-button btn alt index" id="submit-documents-button">SUBMIT<br/>DOCUMENTS</a>
         </div>
         <div class="grid-item option">
           <h2 class="welcome-text">