From a8cac471255ff75cefbb3103e70ed521fc20908f Mon Sep 17 00:00:00 2001
From: Jonathan Kingston <jonathan@jooped.co.uk>
Date: Thu, 22 Jun 2017 15:34:36 +0100
Subject: [PATCH] Fixing alignment of checkbox on confirm screen. Fixes #607

---
 webextension/confirm-page.html    | 5 ++++-
 webextension/css/confirm-page.css | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/webextension/confirm-page.html b/webextension/confirm-page.html
index 20d11c8..da213f7 100644
--- a/webextension/confirm-page.html
+++ b/webextension/confirm-page.html
@@ -18,7 +18,10 @@
       <p>Would you still like to open in this current container?</p>
       <br />
       <br />
-      <input id="never-ask" type="checkbox" /><label for="never-ask">Remember my decision for this site</label>
+      <label for="never-ask" class="check-label">
+        <input id="never-ask" type="checkbox" />
+        Remember my decision for this site
+      </label>
       <br />
       <div class="button-container">
         <button id="deny" class="button">Open in <dfn id="current-container-name">Current</dfn> Container</button>
diff --git a/webextension/css/confirm-page.css b/webextension/css/confirm-page.css
index 24baa7c..3d24c26 100644
--- a/webextension/css/confirm-page.css
+++ b/webextension/css/confirm-page.css
@@ -71,3 +71,8 @@ dfn {
 .button-container > button {
   min-inline-size: 240px;
 }
+
+.check-label {
+  align-items: center;
+  display: flex;
+}