Added an icon to the video buttons

cashshuffle · Aug 11, 2019 · 40d5689 · 40d5689
1 parent 338494b
commit 40d5689
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/src/assets/css/forms.css b/src/assets/css/forms.css
@@ -67,9 +67,13 @@
   color: #fff;
 }
 .btn-secondary:hover {
-  background-color: #f5f5f5;
-  border-color: #e3e3e3;
-  color: #333;
+  background-color: #14a359;
+  border-color: #14a359;
+  color: #fff;
+}
+.btn-videoIcon {
+  width: 24px;
+  margin-left: 5px;
 }
 
 

diff --git a/src/assets/css/home.css b/src/assets/css/home.css
@@ -1,4 +1,3 @@
-
 /* Home Features General
 ------------------------------------------------------------- */
 .homeFeature {

diff --git a/src/assets/svg/ico-video-popup.svg b/src/assets/svg/ico-video-popup.svg
diff --git a/src/content/home.hbs b/src/content/home.hbs
@@ -13,7 +13,7 @@ home:            true
       <h1 class="hero-heading">{{{ i18n.home.hero.heading }}}</h1>
       <p class="hero-leadText">{{{ i18n.home.hero.text }}}</p>
       <a href="{{ base_dir }}wallets/" class="btn btn-primary hero-btn">{{{ i18n.home.hero.button }}}</a>
-      <a role="button" class="btn btn-secondary hero-btn" id="modal-video" data-video-id="{{{ i18n.home.hero.youtube }}}">{{{ i18n.home.hero.video }}}</a>
+      <a role="button" class="btn btn-secondary hero-btn" id="modal-video" data-video-id="{{{ i18n.home.hero.youtube }}}">{{{ i18n.home.hero.video }}}<img src="{{ svg_dir }}ico-video-popup.svg" class="btn-videoIcon"></a>
     </div>
   </div>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 96" preserveAspectRatio="none" class="bg-curve bottom">

diff --git a/src/content/quickstart.hbs b/src/content/quickstart.hbs
@@ -55,7 +55,7 @@ quickstart:      true
   <div class="quickstartVideo-wrapper">
     <h3 class="quickstartVideo-heading">{{{ i18n.quickstart.video.heading }}}</h3>
     <p class="quickstartVideo-text">{{{ i18n.quickstart.video.text }}}</p>
-    <a role="button" class="btn btn-secondary" id="modal-video" data-video-id="{{{ i18n.quickstart.video.youtube }}}">{{{ i18n.quickstart.video.button }}}</a>
+    <a role="button" class="btn btn-secondary" id="modal-video" data-video-id="{{{ i18n.quickstart.video.youtube }}}">{{{ i18n.quickstart.video.button }}}<img src="{{ svg_dir }}ico-video-popup.svg" class="btn-videoIcon"></a>
   </div>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 96" preserveAspectRatio="none" class="bg-curve bottom">
       <path d="M0 90.06V96h700V0c-94.65 33.25-205.31 60.13-324.78 77C238.77 96.26 109.73 99.81 0 90.06z" fill="#909298" />