chore: fix styles

Author: mbechev

examples-standalone/coffee-warehouse/src/app/header/header.commponent.html

@@ -23,6 +23,7 @@ <h2>{{ this.customMsgService.translate(selectedPage.toLowerCase()) }}</h2>
         [popupSettings]="popupSettings"
         [ngClass]="{'material-bg':selectedTheme.text==='Material'}"
         class="ddl-locale"
+        [style.width.px]="140"
         >
       </kendo-dropdownlist>
 
@@ -35,6 +36,7 @@ <h2>{{ this.customMsgService.translate(selectedPage.toLowerCase()) }}</h2>
         [popupSettings]="popupSettings"
         [ngClass]="{'material-bg':selectedTheme.text==='Material'}"
         class="ddl-theme"
+        [style.width.px]="100"
         >
         <ng-template kendoDropDownListValueTemplate let-dataItem>
           <kendo-svgicon [icon]="paletteIcon"></kendo-svgicon>

examples-standalone/coffee-warehouse/src/styles/main.scss

@@ -113,18 +113,10 @@ kendo-recurrence-frequency-editor .k-edit-field {
     border-bottom-width: 2px;
 }
 
-.ddl-theme {
-    width: 100px;
-}
-
 .k-dropdownlist {
     margin: 5px;
 }
 
-.ddl-locale {
-    width: 140px;
-}
-
 .daterange-center {
     align-self: center;
 }