From 6bdba5ffd4fb750eb260e03ed4831ff13dbec821 Mon Sep 17 00:00:00 2001
From: Juan Cruz Viotti <jviotti@openmailbox.org>
Date: Thu, 9 Feb 2017 11:30:19 -0400
Subject: [PATCH] style(GUI): move update notifier checkbox inside modal body
 (#1071)

This is a small step towards unifying all the modal skeletons that we
use through the application.

By moving the checkbox to the modal body we can declare the footer and
the header once in a single place.

Signed-off-by: Juan Cruz Viotti <jviotti@openmailbox.org>
---
 .../styles/_update-notifier.scss              |  2 +-
 .../templates/update-notifier-modal.tpl.html  | 19 +++++++++----------
 lib/gui/css/main.css                          |  2 +-
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/lib/gui/components/update-notifier/styles/_update-notifier.scss b/lib/gui/components/update-notifier/styles/_update-notifier.scss
index e5843bcf..cf8c7b7c 100644
--- a/lib/gui/components/update-notifier/styles/_update-notifier.scss
+++ b/lib/gui/components/update-notifier/styles/_update-notifier.scss
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-.modal-update-notifier .modal-footer .checkbox {
+.modal-update-notifier .checkbox {
   color: $palette-theme-light-soft-foreground;
   font-size: 11px;
   margin-bottom: 0;
diff --git a/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html b/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
index 3f7a0482..0560bd3b 100644
--- a/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
+++ b/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
@@ -5,17 +5,8 @@
 
 <div class="modal-body">
   <p>Etcher {{ ::modal.options.version }} is available for download</p>
-</div>
 
-<div class="modal-footer">
-  <div class="modal-menu">
-    <button class="button button-primary"
-      os-open-external="https://etcher.io?ref=etcher_update">Download</button>
-    <button class="button button-default"
-      ng-click="modal.closeModal()">Skip</button>
-  </div>
-
-  <div class="checkbox text-right">
+  <div class="checkbox">
     <label>
       <input type="checkbox"
         ng-model="modal.sleepUpdateCheck"
@@ -25,3 +16,11 @@
   </div>
 </div>
 
+<div class="modal-footer">
+  <div class="modal-menu">
+    <button class="button button-primary button-block"
+      os-open-external="https://etcher.io?ref=etcher_update">Download</button>
+    <button class="button button-default button-block"
+      ng-click="modal.closeModal()">Skip</button>
+  </div>
+</div>
diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css
index 46f5aa7b..7563f27e 100644
--- a/lib/gui/css/main.css
+++ b/lib/gui/css/main.css
@@ -6289,7 +6289,7 @@ body {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.modal-update-notifier .modal-footer .checkbox {
+.modal-update-notifier .checkbox {
   color: #b3b3b3;
   font-size: 11px;
   margin-bottom: 0; }