Fixing alignment of checkbox on confirm screen. Fixes #607

mozilla · Jun 22, 2017 · a8cac47 · a8cac47
1 parent 6292d9b
commit a8cac47
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/webextension/confirm-page.html b/webextension/confirm-page.html
@@ -18,7 +18,10 @@ <h1 class="title-text">Open this site in your assigned container?</h1>
       <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
@@ -71,3 +71,8 @@ dfn {
 .button-container > button {
   min-inline-size: 240px;
 }
+
+.check-label {
+  align-items: center;
+  display: flex;
+}