fix wrapping of provider and datacenter list (#1059)

* fix wrapping of provider and datacenter list * add missing scss file
kubermatic · Feb 13, 2019 · 9d823c5 · 9d823c5
1 parent 3e2ec92
commit 9d823c5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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;