Hack to center-position 'Get Newsletter' button

Addresses #3, but not elegantly.
AdmitHub · Nov 5, 2014 · 21ca3d6 · 21ca3d6
1 parent 10c233b
commit 21ca3d6
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/lib/client/views/newsletter_banner.html b/lib/client/views/newsletter_banner.html
@@ -5,17 +5,25 @@
       <h4 class="mod-space type-center type-medium">Get the latest college admission tips</h4>
       <div class="grid-inner-row">
         {{#if isNotConnected}}
-        <div class="grid-2">
-          <div class="grid-space">
-            <input type="email" class="ui-small js-newsletter-email" placeholder="example@email.com">
+          <!-- two-column view with email form -->
+          <div class="grid-2">
+            <div class="grid-space">
+              <input type="email" class="ui-small js-newsletter-email" placeholder="example@email.com">
+            </div>
           </div>
-        </div>
-        {{/if}}
-        <div class="grid-2">
-          <div class="grid-space newsletter-submit-wrap">
-            <button class="ui-btn ui-small ah-newsletter-button js-newsletter-button">Get Newsletter<span class="button-loader"><img src="/img/loading-balls.svg"/></span></button>
+          <div class="grid-2">
+            <div class="grid-space newsletter-submit-wrap">
+              <button class="ui-btn ui-small ah-newsletter-button js-newsletter-button">Get Newsletter<span class="button-loader"><img src="/img/loading-balls.svg"/></span></button>
+            </div>
+          </div>
+        {{ else }}
+          <!-- one-column view without email form for signed in users -->
+          <div class='grid-2' style='float: none; margin-left: auto; margin-right: auto;'>
+            <div class="grid-space newsletter-submit-wrap">
+              <button class="ui-btn ui-small ah-newsletter-button js-newsletter-button">Get Newsletter<span class="button-loader"><img src="/img/loading-balls.svg"/></span></button>
+            </div>
           </div>
-        </div>
+        {{/if}}
       </div>
     </form>
     <h4 class="newsletter-subscribed">Thanks for subscribing!</h4>