From 449e6b8632a7a593790d7d7e88a4d125949c73d9 Mon Sep 17 00:00:00 2001
From: Lucas Legname <lucas.legname@gmail.com>
Date: Mon, 28 Apr 2014 23:53:46 +0200
Subject: [PATCH] Front page stylesheet update.

---
 index.html     | 25 +++++++++++++++++++------
 src/index.html | 11 +++++++----
 src/main.css   | 14 ++++++++++++--
 3 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 8020aae..6740393 100644
--- a/index.html
+++ b/index.html
@@ -5851,7 +5851,7 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 
 .securityChecklist {
 	background-color: #FFE6C9;
-	margin-top: 25px;
+	margin-top: 15px;
     padding: 20px;
     -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
@@ -5861,7 +5861,8 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 
 .supportedCurrenciesChecklist {
 	background-color: #C2F2C3;
-	margin-top: 25px;
+	margin-top: 10px;
+	margin-bottom: 10px;
     padding: 20px;
     -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
@@ -5874,6 +5875,15 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 	padding-left: 14px;
 }
 
+#supportedcurrencies {
+	line-height: 20px;
+    padding: 12px 12px 0;
+}
+
+.frontPageInstructions {
+	padding: 5px;
+}
+
 .securityChecklist ul { padding: 5px 0 0 20px; }
 .securityChecklist li { padding-left: 5px; margin-bottom: 10px; }
 
@@ -6135,10 +6145,13 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 						<b>Supported currencies :</b>
 						<div id="supportedcurrencies"></div>
 					</div>
-					<h3>Step 0. Follow the security checklist recommendation</h3>
-		            <p>
-		              First step is to <strong>download</strong> this website from <a href="https://github.com/MichaelMure/PaperWallet/archive/master.zip">Github</a> and open the index.html file directly from your computer. It's just too easy to sneak some evil code in the 6000+ lines of javascript to leak your private key, and you don't want to see your fund stolen. Code version control make it much easier to cross-check what actually run. For extra security, <strong>unplug your Internet access</strong> while generating your wallet.
-		            </p>
+
+					<div class="frontPageInstructions">
+						<h3>Step 0. Follow the security checklist recommendation</h3>
+			            <p>
+			              First step is to <strong>download</strong> this website from <a href="https://github.com/MichaelMure/PaperWallet/archive/master.zip">Github</a> and open the index.html file directly from your computer. It's just too easy to sneak some evil code in the 6000+ lines of javascript to leak your private key, and you don't want to see your fund stolen. Code version control make it much easier to cross-check what actually run. For extra security, <strong>unplug your Internet access</strong> while generating your wallet.
+			            </p>
+		            </div>
 
 		            <div class="securityChecklist">
 						<b>Security Checklist :</b>
diff --git a/src/index.html b/src/index.html
index 16986a9..6858166 100644
--- a/src/index.html
+++ b/src/index.html
@@ -178,10 +178,13 @@
 						<b>Supported currencies :</b>
 						<div id="supportedcurrencies"></div>
 					</div>
-					<h3>Step 0. Follow the security checklist recommendation</h3>
-		            <p>
-		              First step is to <strong>download</strong> this website from <a href="https://github.com/MichaelMure/PaperWallet/archive/master.zip">Github</a> and open the index.html file directly from your computer. It's just too easy to sneak some evil code in the 6000+ lines of javascript to leak your private key, and you don't want to see your fund stolen. Code version control make it much easier to cross-check what actually run. For extra security, <strong>unplug your Internet access</strong> while generating your wallet.
-		            </p>
+
+					<div class="frontPageInstructions">
+						<h3>Step 0. Follow the security checklist recommendation</h3>
+			            <p>
+			              First step is to <strong>download</strong> this website from <a href="https://github.com/MichaelMure/PaperWallet/archive/master.zip">Github</a> and open the index.html file directly from your computer. It's just too easy to sneak some evil code in the 6000+ lines of javascript to leak your private key, and you don't want to see your fund stolen. Code version control make it much easier to cross-check what actually run. For extra security, <strong>unplug your Internet access</strong> while generating your wallet.
+			            </p>
+		            </div>
 
 		            <div class="securityChecklist">
 						<b>Security Checklist :</b>
diff --git a/src/main.css b/src/main.css
index 6c565ff..f6530cf 100644
--- a/src/main.css
+++ b/src/main.css
@@ -98,7 +98,7 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 
 .securityChecklist {
 	background-color: #FFE6C9;
-	margin-top: 25px;
+	margin-top: 15px;
     padding: 20px;
     -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
@@ -108,7 +108,8 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 
 .supportedCurrenciesChecklist {
 	background-color: #C2F2C3;
-	margin-top: 25px;
+	margin-top: 10px;
+	margin-bottom: 10px;
     padding: 20px;
     -webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
@@ -121,6 +122,15 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); height:
 	padding-left: 14px;
 }
 
+#supportedcurrencies {
+	line-height: 20px;
+    padding: 12px 12px 0;
+}
+
+.frontPageInstructions {
+	padding: 5px;
+}
+
 .securityChecklist ul { padding: 5px 0 0 20px; }
 .securityChecklist li { padding-left: 5px; margin-bottom: 10px; }