From 8f133fc7fa7ed1b742a0063cd40d653f09683582 Mon Sep 17 00:00:00 2001
From: Atlante45 <clement.brisset@gmail.com>
Date: Fri, 10 Nov 2017 18:12:43 -0800
Subject: [PATCH] Congratulation page styling fixes

---
 .../resources/web/wizard/css/style.css        | 12 +++++++--
 .../resources/web/wizard/index.shtml          | 25 +++++++++----------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/domain-server/resources/web/wizard/css/style.css b/domain-server/resources/web/wizard/css/style.css
index cadba7453e..dfb576ebba 100644
--- a/domain-server/resources/web/wizard/css/style.css
+++ b/domain-server/resources/web/wizard/css/style.css
@@ -90,6 +90,14 @@ label {
   height: 169px;
 }
 
-#visit-domain-row {
-  margin-bottom: 68px;
+#congratulation-text {
+  margin-bottom: 59px;
+}
+
+#visit-domain-checkbox {
+  margin-bottom: 23px;
+}
+
+#visit-domain-checkbox label {
+  margin: 0 0;
 }
diff --git a/domain-server/resources/web/wizard/index.shtml b/domain-server/resources/web/wizard/index.shtml
index 39b72f58a5..9d4d8b7381 100644
--- a/domain-server/resources/web/wizard/index.shtml
+++ b/domain-server/resources/web/wizard/index.shtml
@@ -191,29 +191,28 @@
   </dl>
 </div>
 
-<div class="wizard-step cloud-only col-md-7 col-centered" style="display: none;">
+<div class="wizard-step cloud-only col-xs-12 col-sm-12 col-md-9 col-lg-7 col-centered" style="display: none;">
   <div class="row">
-    <div class="col-xs-4 col-centered">
+    <div class="col-xs-12" align="center">
       <img id="checkmark-image" src="../images/checkmark.svg">
     </div>
   </div>
 
-  <div class="row">
-    <div class="col-md-12">
+  <div id="congratulation-text" class="row">
+    <div class="col-xs-12">
       <p class="step-info">Congratulations! You have successfully setup and configured your cloud hosted domain.</p>
     </div>
   </div>
 
-  <div id="visit-domain-row" class="row">
-    <div class="col-md-12">
-      <label><input id="go-to-domain" class="form-check-input" type="checkbox"> Visit domain in VR now</label>
-    </div>
-  </div>
-
   <dl class="row">
-    <dd class="col-md-5 col-md-offset-7">
-      <button id="explore-settings" type="button" class="btn btn-md btn-block btn-primary">Explore all domain server settings</button>
-    </dd>
+    <div class="col-xs-12">
+      <div class="pull-right">
+        <div id="visit-domain-checkbox">
+          <label><input id="go-to-domain" class="form-check-input" type="checkbox"> Visit domain in VR now</label>
+        </div>
+        <button id="explore-settings" type="button" class="btn btn-md btn-primary">Explore all domain server settings</button>
+      </div>
+    </div>
   </dl>
 </div>