diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
index b52c51efa..6479fd07d 100644
--- a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
+++ b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
@@ -15,16 +15,14 @@
>
Setup Complete!
-
+
+ Continue to Login
+
+
@@ -63,24 +61,34 @@
+
-
-
-
Login to StartOS
-
+
+ Trust your Root CA
+
+ In the new tab, follow instructions to trust your
+ server's Root CA and log in.
+
+
+
+
-
+
diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss b/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss
index cec258241..1c3681057 100644
--- a/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss
+++ b/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss
@@ -21,6 +21,15 @@ ion-grid {
height: 100%;
}
+.login-btn {
+ --background: var(--color-accent);
+ --border-radius: 44px;
+ --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+ --padding-start: 36px;
+ --padding-end: 36px;
+ height: 76px;
+}
+
.grid-center-wrapper {
height: 100%;
width: 100%;
@@ -105,34 +114,6 @@ ion-card {
justify-content: center;
align-items: center;
}
-
- #exit {
- background: var(--color-accent);
- height: 100%;
-
- .container p {
- font-size: 1.4rem !important;
- font-weight: bold;
- }
-
- ion-icon {
- font-size: 1.7rem;
- }
- }
-
- #launch {
- background: var(--alt-blue);
- height: 100%;
-
- .container p {
- font-size: 1.4rem !important;
- font-weight: bold;
- }
-
- ion-icon {
- font-size: 1.7rem;
- }
- }
#information:after {
content: '';
@@ -143,6 +124,16 @@ ion-card {
height: 100%;
background: var(--color-accent);
}
+
+ #launch:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 80%;
+ width: 100%;
+ height: 100%;
+ background: var(--alt-blue);
+ }
}
.card-container {