make default keys list two columns if there are no default sources fo…

…r selected platform
Nerwyn · Dec 10, 2024 · 19a29c1 · 19a29c1
1 parent f79dfe8
commit 19a29c1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/dist/universal-remote-card.min.js b/dist/universal-remote-card.min.js
diff --git a/src/universal-remote-card-editor.ts b/src/universal-remote-card-editor.ts
@@ -1915,7 +1915,9 @@ export class UniversalRemoteCardEditor extends LitElement {
 									<div class="title-header">
 										Custom Actions
 									</div>
-									<ul class="action-list custom-action-list">
+									<ul
+										class="action-list two-column-action-list"
+									>
 										${customActions.map((entry) => {
 											const context =
 												this.getEntryContext(
@@ -1944,7 +1946,11 @@ export class UniversalRemoteCardEditor extends LitElement {
 							? html`<div class="wrapper">
 									<div class="title-header">Default Keys</div>
 									<div class="action-list-container">
-										<ul class="action-list">
+										<ul
+											class="action-list ${defaultSources.length
+												? ''
+												: 'two-column-action-list'}"
+										>
 											${defaultKeys.map((entry) => {
 												const context =
 													this.getEntryContext(
@@ -3336,7 +3342,7 @@ export class UniversalRemoteCardEditor extends LitElement {
 				margin-top: 4px;
 				padding-left: 4px;
 			}
-			.custom-action-list {
+			.two-column-action-list {
 				columns: 2;
 				-webkit-columns: 2;
 				-moz-columns: 2;