diff --git a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
index 2bdfe5b7..dd64ac5d 100644
--- a/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
+++ b/examples-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
@@ -4,7 +4,9 @@
[valuePrimitive]="true"
(valueChange)="onValueChange($event)"
textField="text"
- valueField="text" class="k-mb-4 !k-w-full" placeholder="Write or select type of disability">
+ valueField="text" class="k-mb-4 !k-w-full"
+ [size]="'large'"
+ placeholder="Write or select type of disability">
@@ -52,7 +54,7 @@
-
+
diff --git a/examples-standalone/coffee-warehouse/src/styles/main.scss b/examples-standalone/coffee-warehouse/src/styles/main.scss
index 1476914f..f6f4298e 100644
--- a/examples-standalone/coffee-warehouse/src/styles/main.scss
+++ b/examples-standalone/coffee-warehouse/src/styles/main.scss
@@ -150,23 +150,39 @@ kendo-recurrence-frequency-editor .k-edit-field {
// Settings window
.settings-panel {
- --kendo-color-border: var(--kendo-color-subtle);
+
}
.settings-panel.k-window {
border-width: 1px;
border-style: solid;
--kendo-border-radius-md: var(--kendo-border-radius-lg);
+ --kendo-color-border: var(--kendo-color-inverse);
}
.settings-panel .k-expander {
border-radius: var(--kendo-border-radius-lg);
}
-.settings-panel {
+.settings-panel .k-expander-title {
+ color: var(--kendo-color-inverse);
+}
+
+.settings-panel .k-selected {
--kendo-color-primary: var(--kendo-color-base-on-surface);
}
+.settings-panel .k-window,
+.settings-panel .k-form {
+ font-size: var(--kendo-font-size-lg);
+ line-height: var(--kendo-line-height-lg);
+}
+
+.settings-panel .k-label {
+ display: block;
+ margin-bottom: var(--kendo-spacing-1);
+}
+
.common-wrapper {
margin-top: var(--kendo-spacing-3\.5);
}
@@ -174,10 +190,14 @@ kendo-recurrence-frequency-editor .k-edit-field {
.buttons-wrapper {
display: flex;
flex-direction: column;
- gap: var(--kendo-spacing-1);
- width: 70%;
+ gap: var(--kendo-spacing-2);
+ width: 220px;
}
.reset-button {
--kendo-color-primary: #1274AC;
+}
+
+.settings-panel .k-input-solid:hover {
+ border-color: var(--kendo-color-inverse-hover);
}
\ No newline at end of file