From 9d823c51f303601f7b9b40058b1761c39e7ee4d4 Mon Sep 17 00:00:00 2001
From: Kristin Groschoff <kgroschoff@gmail.com>
Date: Wed, 13 Feb 2019 09:44:55 +0100
Subject: [PATCH] fix wrapping of provider and datacenter list (#1059)

* fix wrapping of provider and datacenter list

* add missing scss file
---
 .../wizard/set-datacenter/set-datacenter.component.scss    | 6 ++++++
 src/app/wizard/set-provider/set-provider.component.scss    | 7 +++++++
 src/app/wizard/set-provider/set-provider.component.ts      | 1 +
 3 files changed, 14 insertions(+)
 create mode 100644 src/app/wizard/set-provider/set-provider.component.scss

diff --git a/src/app/wizard/set-datacenter/set-datacenter.component.scss b/src/app/wizard/set-datacenter/set-datacenter.component.scss
index e9e1a13b77..3ef8030623 100644
--- a/src/app/wizard/set-datacenter/set-datacenter.component.scss
+++ b/src/app/wizard/set-datacenter/set-datacenter.component.scss
@@ -1,6 +1,12 @@
 @import '../../../assets/css/colors';
 
 mat-button-toggle-group[group='datacenterGroup'] {
+  flex-wrap: wrap;
+
+  mat-button-toggle {
+    margin-top: 10px;
+  }
+
   div.km-location {
     font-weight: 300;
     font-size: 12px;
diff --git a/src/app/wizard/set-provider/set-provider.component.scss b/src/app/wizard/set-provider/set-provider.component.scss
new file mode 100644
index 0000000000..d23c022bb0
--- /dev/null
+++ b/src/app/wizard/set-provider/set-provider.component.scss
@@ -0,0 +1,7 @@
+mat-button-toggle-group[group='providerGroup'] {
+  flex-wrap: wrap;
+
+  mat-button-toggle {
+    margin-top: 10px;
+  }
+}
diff --git a/src/app/wizard/set-provider/set-provider.component.ts b/src/app/wizard/set-provider/set-provider.component.ts
index 64056f0777..5c9651d4cf 100644
--- a/src/app/wizard/set-provider/set-provider.component.ts
+++ b/src/app/wizard/set-provider/set-provider.component.ts
@@ -9,6 +9,7 @@ import {getDatacenterProvider} from '../../shared/entity/DatacenterEntity';
 @Component({
   selector: 'kubermatic-set-provider',
   templateUrl: 'set-provider.component.html',
+  styleUrls: ['set-provider.component.scss'],
 })
 export class SetProviderComponent implements OnInit, OnDestroy {
   @Input() cluster: ClusterEntity;