From 49b1719092298fe7f8b2aaa893d8aef072eb77b8 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Tue, 7 Nov 2017 13:15:57 +0100
Subject: [PATCH] Style fix

---
 .../features/apps/pages/onboarding-dialog.component.html  | 8 ++++----
 .../features/apps/pages/onboarding-dialog.component.scss  | 5 +++++
 src/Squidex/app/theme/_vars.scss                          | 2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/Squidex/app/features/apps/pages/onboarding-dialog.component.html b/src/Squidex/app/features/apps/pages/onboarding-dialog.component.html
index 32177a41d..53286f311 100644
--- a/src/Squidex/app/features/apps/pages/onboarding-dialog.component.html
+++ b/src/Squidex/app/features/apps/pages/onboarding-dialog.component.html
@@ -35,7 +35,7 @@
                                 </p>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col col-image">
                             <img src="/images/onboarding-step1.png" />
                         </div>
                     </div>
@@ -60,7 +60,7 @@
                                 </p>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col col-image">
                             <img src="/images/onboarding-step2.png" />
                         </div>
                     </div>
@@ -85,7 +85,7 @@
                                 </p>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col col-image">
                             <img src="/images/onboarding-step3.png" />
                         </div>
                     </div>
@@ -111,7 +111,7 @@
                                 </p>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col col-image">
                             <img src="/images/onboarding-step4.png" />
                         </div>
                     </div>
diff --git a/src/Squidex/app/features/apps/pages/onboarding-dialog.component.scss b/src/Squidex/app/features/apps/pages/onboarding-dialog.component.scss
index 7be768784..88131e189 100644
--- a/src/Squidex/app/features/apps/pages/onboarding-dialog.component.scss
+++ b/src/Squidex/app/features/apps/pages/onboarding-dialog.component.scss
@@ -14,6 +14,11 @@ p {
     line-height: 1.8rem;
 }
 
+.col-image {
+    min-width: 489px;
+    max-width: 489px;
+}
+
 .modal {
     &-content,
     &-dialog {
diff --git a/src/Squidex/app/theme/_vars.scss b/src/Squidex/app/theme/_vars.scss
index f2e31dfba..0d95b4757 100644
--- a/src/Squidex/app/theme/_vars.scss
+++ b/src/Squidex/app/theme/_vars.scss
@@ -53,7 +53,7 @@ $color-dark2-control:           #2e3842;
 $color-dark2-separator:         #2e3842;
 $color-dark2-placeholder:       #757e8d;
 
-$color-dark-onboarding:         #2d333c;
+$color-dark-onboarding:         #273039;
 
 $color-panel-icon:              #a2b0b6;