From 63441b34d2e95bb663cb77a2adbb8b9e04907f5d Mon Sep 17 00:00:00 2001
From: balumahendran <balu.mahendran@salesagility.com>
Date: Mon, 22 Aug 2022 15:27:45 +0530
Subject: [PATCH] User Wizard Mobile Styling Fixes

---
 .../css/suitep-base/user-wizard-mobile.scss   | 75 ++++++++++++++++++-
 .../suite8/css/suitep-base/user-wizard.scss   |  2 +-
 2 files changed, 75 insertions(+), 2 deletions(-)

diff --git a/public/legacy/themes/suite8/css/suitep-base/user-wizard-mobile.scss b/public/legacy/themes/suite8/css/suitep-base/user-wizard-mobile.scss
index 8d86f7685..4622ac15a 100644
--- a/public/legacy/themes/suite8/css/suitep-base/user-wizard-mobile.scss
+++ b/public/legacy/themes/suite8/css/suitep-base/user-wizard-mobile.scss
@@ -29,7 +29,7 @@
                padding-right: 1.5em;               
            } 
            .img-desc {
-                line-height: 16px;
+                line-height: 16px;               
             } 
         }   
         .personal {
@@ -81,4 +81,77 @@
             width: 100%;
         }
     }
+}
+
+@media (min-width:750px) and (max-width:768px) {
+    .user-wizard {
+        .welcome {
+            background-size: cover;
+            .panel {
+                margin-top: 9em;
+            }
+        }
+        .personal {
+            .container-personal {
+               margin-top: 4em;
+            }
+        }
+        #locale {
+           margin-top: 3em;
+        }
+        .wizard-finish {
+           margin-top: 3em; 
+        }
+        .img-desc {
+            line-height: 15px;
+        }
+    }
+}
+
+
+
+@media (min-width:768px) and (max-width:768px) {
+    .user-wizard {
+        .welcome {
+            background-size: cover;
+            .panel {
+                margin-top: 5em;
+            }
+        }
+        .personal {
+            .container-personal {
+               margin-top: 0em;
+            }
+        }
+        #locale {
+           margin-top: 0em;
+        }
+        .wizard-finish {
+           margin-top: 0em; 
+        }
+        .img-desc {
+            line-height: 20px;
+        }
+    }
+}
+
+@media (max-width:750px) {
+    .user-wizard {
+        .welcome {
+            .panel {
+                margin-top: 5em;
+            }
+        }
+        .personal {
+            .container-personal {
+               margin-top: 0em;
+            }
+        }
+        #locale {
+            margin-top: 0em;
+         }
+         .wizard-finish {
+            margin-top: 0em; 
+         }
+    }
 }
\ No newline at end of file
diff --git a/public/legacy/themes/suite8/css/suitep-base/user-wizard.scss b/public/legacy/themes/suite8/css/suitep-base/user-wizard.scss
index 68bd71e91..b76d1ef58 100644
--- a/public/legacy/themes/suite8/css/suitep-base/user-wizard.scss
+++ b/public/legacy/themes/suite8/css/suitep-base/user-wizard.scss
@@ -183,6 +183,6 @@
         }
     }
     .img-desc {
-        line-height: 10px;
+        line-height: 20px;
     }    
 }
\ No newline at end of file