Added styles in app component

Author: vadimkorr

src/app/app.component.css

@@ -1,22 +1,10 @@
-
 :host {
-  display: flex;
-  flex-direction: column;
   background-color: mediumseagreen;
-}
-
-:host > * {
-  display: flex;
-  min-height: 100%;
-}
-
-.original-container{
-  flex: 1;
-  justify-content: center;
-  align-items: center;
   display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
 }
 
-.original-container > * {
-  flex: 0.5;
+.playground-item {
+  width: 500px;
 }

src/app/app.component.html

@@ -1,8 +1,3 @@
-<div class="custom-container">
-  <custom-playground-template-driven-forms></custom-playground-template-driven-forms>
-  <custom-playground-reactive-forms></custom-playground-reactive-forms>
-</div>
-
-<div class="original-container">
-  <custom-playground-original-design></custom-playground-original-design>
-</div>
+<custom-playground-template-driven-forms class="playground-item"></custom-playground-template-driven-forms>
+<custom-playground-reactive-forms class="playground-item"></custom-playground-reactive-forms>
+<custom-playground-original-design class="playground-item"></custom-playground-original-design>

src/app/custom-controls/components/selectbox/selectbox.component.html

@@ -1,6 +1,6 @@
 <div class="select">
   <select
-    #selectControl
+    #selectElement
     [id]="id"
     [(ngModel)]="value"