From b4f0d93afd34a2bca377110391f5f24c32edee44 Mon Sep 17 00:00:00 2001
From: "mr.V" <VitaliyTr@users.noreply.github.com>
Date: Tue, 28 Feb 2017 22:27:25 +0700
Subject: [PATCH] fixed payments page; (#144)

* fixed payment page
---
 _i18n/en.yml                 | 3 ++-
 _includes/hero/payments.html | 9 +++++----
 payments/index.html          | 8 +++-----
 src/scss/_junk-drawer.scss   | 8 ++++++--
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/_i18n/en.yml b/_i18n/en.yml
index a064166..48a3a21 100755
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -552,7 +552,8 @@ pages:
     modal-core-masternode-value: 0.12.1.2
     modal-core-pool-text: Pool Operators
     modal-core-pool-value: 0.12.1.2
-
+    disclaimer-text: >
+      DISCLAIMER: This list is provided for informational purposes only. Services listed here have not been evaluated or endorsed by the Dash developers and no guarantees are made as to the accuracy of this information. Please exercise discretion when using third-party services.
 
   contact:
     title: Contact Dash
diff --git a/_includes/hero/payments.html b/_includes/hero/payments.html
index 3d15159..0d1612e 100644
--- a/_includes/hero/payments.html
+++ b/_includes/hero/payments.html
@@ -1,9 +1,10 @@
 <div class="hero hero--space" id="hero">
 
 	<div class="hero__background">
-
-		<img src="{{ base }}/assets/img/hero/expecto_patronum.png" alt="" class="hero__background-image">
-
+		{% srcset hero/expecto_patronum.png ppi:1,2 class="hero__background-image" %}
+		{% srcset_source width:1920 %}
+		{% srcset_source width:960 %}
+		{% endsrcset %}
 	</div>
 
 	<!-- Navigation -->
@@ -13,7 +14,7 @@
 	<div class="hero__content">
 		<h1 class="hero__title">{% t pages.payments.hero-heading %}</h1>
 		<p class="hero__lead">{% t pages.payments.hero-text %}</p>
-		
+
 	</div>
 
 	<!-- Hero stripe -->
diff --git a/payments/index.html b/payments/index.html
index cdf9ca2..20bdbdf 100644
--- a/payments/index.html
+++ b/payments/index.html
@@ -29,11 +29,9 @@ description: pages.payments.description
 		</div>
 	</section>
 
-	<section class="section clearfix">
-		<div class="section__content" style="background-color: #fff7af; width: 97%; margin: auto; padding: 10px 15px;">
-			<p>
-			DISCLAIMER: This list is provided for informational purposes only. Services listed here have not been evaluated or endorsed by the Dash developers and no guarantees are made as to the accuracy of this information. Please exercise discretion when using third-party services.
-			</p>
+	<section class="section">
+		<div class="section__content">
+			<p class="warning-bg">{% t pages.payments.disclaimer-text %}</p>
 		</div>
 	</section>
 </div>
diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss
index 47b78b4..7f92000 100755
--- a/src/scss/_junk-drawer.scss
+++ b/src/scss/_junk-drawer.scss
@@ -49,8 +49,8 @@ $wallet-tile-hover-background-base-color: lighten($color-blue-light, 9);
   border: 1px solid $color-gray;
   min-height: $wallet-tile-min-height;
   .payments &{
-            min-height: 12em;
-        }
+    min-height: 12em;
+  }
   max-width: $wallet-tile-max-width;
   overflow: hidden;
   -o-transition: .25s;
@@ -495,3 +495,7 @@ a.blog_link {
         z-index: -1;
     }
 }
+.warning-bg{
+    background-color: #fff7af;
+    padding: 10px 15px;
+}