HDX-9233 button UI small changes

OCHA-DAP · Nov 28, 2023 · 115ec84 · 115ec84
1 parent fbc3559
commit 115ec84
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 11 deletions.
diff --git a/src/footer.php b/src/footer.php
@@ -15,7 +15,7 @@
 	<section class="contact-module bg-pattern-green">
 		<h2>Stay in touch</h2>
 		<p class="large">Sign up to our mailing list to get the latest updates on the Centre or <a href="https://centre.humdata.org/brochure" target="_blank">download our brochure</a> to learn more</p>
-        <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external submit-btn-external--big"><i class="fa fa-envelope-o"></i> Subscribe now</a>
+        <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external submit-btn-external--big"><i class="fa fa-envelope-o"></i> <span class="submit-btn-external__text">Subscribe now</span></a>
 	</section>
 <?php } 
 
@@ -73,7 +73,7 @@
 								</a>
 								<h5 class='logo-tagline'>Connecting people and data to improve lives</h5>
 								<p class='signup-text'>Sign up to our mailing list for latest updates on the Centre or <a href="https://centre.humdata.org/brochure" target="_blank">download our brochure</a> to learn more</p>
-                                <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external"><i class="fa fa-envelope-o"></i> Subscribe now</a>
+                                <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external"><i class="fa fa-envelope-o"></i> <span class="submit-btn-external__text">Subscribe now</span></a>
 							</div>
 							<div class='site-info uncell col-lg-5'>
 								<?php echo $secondary_list ?>

diff --git a/src/impactstory.php b/src/impactstory.php
@@ -144,7 +144,7 @@ class="fa fa-envelope" aria-hidden="true"></i></a>
 										<div class="volunteer-signup">
 											<p>Want to know the latest about the Centre and HDX?<br>Sign up for our
 												newsletter.</p>
-                                            <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external"><i class="fa fa-envelope-o"></i> Subscribe now</a>
+                                            <a href="https://humdata.us14.list-manage.com/subscribe/post?u=ea3f905d50ea939780139789d&id=99796325d1&f_id=0066c2e1f0" title="Subscribe" target="_blank" class="btn submit-btn-external"><i class="fa fa-envelope-o"></i> <span class="submit-btn-external__text">Subscribe now</span></a>
                                         </div>
 
 										<?php if(have_rows('related_content')): ?>

diff --git a/src/scss/_archive.scss b/src/scss/_archive.scss
@@ -5,7 +5,7 @@
 	&.category-case-study,
 	&.category-resource-library,
 	&.search-results-resource-library {
-		.style-light a:not(.btn-text-skin):hover {
+		.style-light a:not(.btn-text-skin):not(.submit-btn-external):hover {
 			color: inherit !important;
 		}
 		.t-inside-custom {		    

diff --git a/src/scss/_elements.scss b/src/scss/_elements.scss
@@ -130,7 +130,7 @@ a {
 .style-light {
 	a {
 		color: $coral;
-		&:not(.btn-text-skin):hover {
+		&:not(.btn-text-skin):not(.submit-btn-external):hover {
 			color: darken($coral, 20%) !important;
 		}
 	}
@@ -183,16 +183,23 @@ a {
 			font-weight: bold;
 			font-size: 16px;
 			padding: 30px 40px !important;
+			i {
+				font-size: 20px;
+			}
 		}
 		&:hover {
 			background-color: $white;
-			color: #3d3030 !important;
-			i {
-				color: $green;
-			}
+			color: $green !important;
 		}
 		i {
 			margin-right: 5px;
+			font-size: 18px;
+			line-height: 1;
+			display: inline-block;
+			vertical-align: text-bottom;
+		}
+		.submit-btn-external__text {
+			display: inline-block;
 		}
 	}
 }

diff --git a/src/scss/_page.scss b/src/scss/_page.scss
@@ -176,7 +176,7 @@
 	padding-bottom: 100px;
 }
 
-.style-light a:not(.btn-text-skin):hover {
+.style-light a:not(.btn-text-skin):not(.submit-btn-external):hover {
 	color: $black;
 }
 

diff --git a/src/scss/_single.scss b/src/scss/_single.scss
@@ -70,7 +70,7 @@
 			}
 		}
 	}
-	a:not(.btn-text-skin) {
+	a:not(.btn-text-skin):not(.submit-btn-external) {
 		&:hover {
 			color: $coral !important;
 		}