CSS minor changes to header margins.

opentech/public/mailchimp/templates/mailchimp/newsletter_signup.html

@@ -11,7 +11,7 @@
         {{ field }}
         {% endfor %}
         <div class="form-actions form-wrapper">
-            <input type="submit" value="Sign up" class="form-submit link link--button-transparent link--footer-signup">
+            <input type="submit" value="Sign up" class="form-submit button button--transparent--wide link--footer-signup">
         </div>
     </div>
 </form>

opentech/public/standardpages/templates/standardpages/index_page.html

@@ -14,7 +14,7 @@
                         <a class="card-slim" href="{% pageurl subpage %}">
                             <div class="card-slim__contents">
                                 <div>
-                                    <h3 class="heading heading--no-margin">{{ subpage.listing_title|default:subpage.title }}</h3>
+                                    <h3 class="heading heading--small-margin">{{ subpage.listing_title|default:subpage.title }}</h3>
                                     {% if subpage.listing_summary or subpage.introduction %}
                                         <p class="card-slim__summary">{{ subpage.listing_summary|default:subpage.introduction }}</p>
                                     {% endif %}

opentech/static_src/src/sass/public/components/_button.scss

@@ -22,9 +22,9 @@
         }
     }
 
-    &--transparent {
+    &--transparent,
+    &--transparent--wide {
         @include button(transparent, $color--white);
-        @include button--narrow;
 
         .header--light-bg & {
             @include button(transparent, $color--black);
@@ -42,6 +42,10 @@
         }
     }
 
+    &--transparent {
+        @include button--narrow;
+    }
+
     // cannot conform to BEM here in order to be able to override google button styles
     &--google-translate {
         width: 160px;

opentech/static_src/src/sass/public/components/_heading.scss

@@ -15,6 +15,11 @@
         line-height: 1;
     }
 
+    &--small-margin {
+        margin: 0;
+        line-height: 1.2;
+    }
+
     &--regular {
         font-weight: $weight--normal;
     }

opentech/static_src/src/sass/public/components/_listing.scss

@@ -54,7 +54,7 @@
 
     &__title {
         margin-bottom: 5px;
-        line-height: 1;
+        line-height: 1.2;
         transition: color $transition;
 
         #{$root}:hover & {

opentech/templates/base.html

@@ -182,7 +182,7 @@
 
                         <p>Test the OTF website for censorship</p>
 
-                        <a class="link link--button link--button-transparent" href="https://run.ooni.io/nettest?tn=web_connectivity&ta=%7B%22urls%22%3A%5B%22https%3A%2F%2Fwww.opentech.fund%2F%22%5D%7D&mv=1.2.0">Run OONI!</a>
+                        <a class="button button--transparent--wide" href="https://run.ooni.io/nettest?tn=web_connectivity&ta=%7B%22urls%22%3A%5B%22https%3A%2F%2Fwww.opentech.fund%2F%22%5D%7D&mv=1.2.0">Run OONI!</a>
 
                         <div class="footer__credits">
                             <a href="https://www.bbg.gov/" aria-label="Link to the Broadcasting Board of Governors website">