From 541f50ffe1d03fd13ad7c147a083b679601fe4e1 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Sun, 31 Jan 2021 17:53:22 +0100
Subject: [PATCH] WIP4 wizard styling is done

---
 .../app/wizard/welcome/welcome.component.html    | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
index ea15e16b7..0268d7e7e 100644
--- a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
+++ b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
@@ -66,10 +66,20 @@
 
         <mat-step>
           <ng-template matStepLabel>Done</ng-template>
-          All setup! Press Finish to continue and login to Ombi!
+          <div class="mediaserver-container">
+            <div class="left-container mediaserver">
+                <i class="fas fa-check text-logo"></i>
+            </div>
+            <div class="right-container mediaserver">
+                <div class="right-container-content mediaserver">
+                    <h1>All setup!</h1>
+                    Press Finish to continue and login to Ombi!
+                </div>
+            </div>
+          </div>
           <div>
-            <button mat-button matStepperPrevious (click)="createUser()">Finish</button>
-            <button mat-button (click)="stepper.reset()">Reset</button>
+            <button mat-button matStepperPrevious (click)="createUser()" class="mat-raised-button mat-accent right">Finish</button>
+            <button mat-button (click)="stepper.reset()" class="mat-raised-button mat-error left">Reset</button>
           </div>
         </mat-step>
       </mat-horizontal-stepper>