Fix mismatched box sizes on source interface index

freedomofpress · Feb 2, 2017 · 6a85e25 · 6a85e25
1 parent d732885
commit 6a85e25
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 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
@@ -65,6 +65,13 @@
       color: $color_blue_medium
       border: 1px solid $color_blue_medium
 
+    &.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,16 +34,15 @@ <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">
             Already submitted something?
           </h2>
           <hr class="cut-out" />
           <p>If you have already submitted documents in the past, log in here to check for responses.</p>
-          <a href="/login" id="login-button" class="sd-button btn block">CHECK FOR A RESPONSE</a>
+          <a href="/login" id="login-button" class="sd-button btn block index">CHECK FOR A RESPONSE</a>
         </div>
       </div>