From 0ca84246f53cea7447ad42310d32fa754935c6c8 Mon Sep 17 00:00:00 2001
From: gorhill <rhill@raymondhill.net>
Date: Thu, 26 Mar 2015 08:12:06 -0400
Subject: [PATCH] #1013: fine tuning

---
 src/document-blocked.html  | 43 ++++++++++++++++++++++++++++----------
 src/js/document-blocked.js |  4 ++--
 2 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/document-blocked.html b/src/document-blocked.html
index c1f035a5b..9f2601982 100644
--- a/src/document-blocked.html
+++ b/src/document-blocked.html
@@ -7,22 +7,28 @@ body {
     font-size: large;
     text-align: center;
     }
-.label {
-    margin-bottom: 2px;
+body > div {
+    margin: 1.5em 0;
+    }
+body > div > p {
+    margin: 2px 0;
+    }
+body > div > p:first-child {
+    margin: 1.5em 0 0 0;
+    }
+body > div > p:last-child {
+    margin: 0 0 0 1.5em;
     }
 .code {
     background-color: rgba(0, 0, 0, 0.1);
     display: inline-block;
     font-family: monospace;
-    margin: 0;
     padding: 2px 4px;
     word-break: break-all;
     }
-a, button {
-    margin: 0 1em;
-    }
 button {
     cursor: pointer;
+    margin: 0 1em;
     padding: 0.25em 0.5em;
     font-size: inherit;
     }
@@ -41,11 +47,26 @@ img {
 <!-- http://commons.wikimedia.org/wiki/File:Caution_sign_used_on_roads_pn.svg
      Public domain. I removed the shadow.
 --><img src="img/Caution_sign_used_on_roads_pn.svg" />
-<p data-i18n="docblockedPrompt1" class="label"></p><p class="what code"></p>
-<p data-i18n="docblockedPrompt2" class="label"></p><p class="code" id="why"></p>
-<p><button id="back" data-i18n="docblockedBack" type="button"></button>
-<button id="bye" data-i18n="docblockedClose" type="button"></button></p>
-<p data-i18n="docblockedProceed" class="label"></p><p class="code"><a id="yolo" class="what" href></a></p>
+<div>
+    <p data-i18n="docblockedPrompt1"></p>
+    <p class="what code"></p>
+    </div>
+
+<div>
+    <p data-i18n="docblockedPrompt2"></p>
+    <p id="why" class="code"></p>
+    </div>
+
+<div>
+    <p><button id="back" data-i18n="docblockedBack" type="button"></button>
+    <button id="bye" data-i18n="docblockedClose" type="button"></button></p>
+    </div>
+
+<div>
+    <p data-i18n="docblockedProceed"></p>
+    <p><a id="yolo" class="what" href></a></p>
+    </div>
+
 <script src="js/vapi-common.js"></script>
 <script src="js/vapi-client.js"></script>
 <script src="js/udom.js"></script>
diff --git a/src/js/document-blocked.js b/src/js/document-blocked.js
index f7919287a..7108100ea 100644
--- a/src/js/document-blocked.js
+++ b/src/js/document-blocked.js
@@ -59,12 +59,12 @@ uDom('#why').text(details.why.slice(3));
 
 if ( window.history.length > 1 ) {
     uDom('#back').on('click', function() { window.history.back(); });
+    uDom('#bye').css('display', 'none');
 } else {
+    uDom('#bye').on('click', function() { window.close(); });
     uDom('#back').css('display', 'none');
 }
 
-uDom('#bye').on('click', function() { window.close(); });
-
 uDom('#yolo').attr('href', details.url)
              .on('click', yolo);