From 5a4e43700d722135cfe6e230cf452137bf8639ee Mon Sep 17 00:00:00 2001
From: Amanda Valencia <amanda.valencia@neovici.se>
Date: Tue, 22 Oct 2024 11:45:02 +0200
Subject: [PATCH 1/3] fix(lib/cosmoz-omnitable-number-range-input): make title
 align to the right

---
 lib/cosmoz-omnitable-number-range-input.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/lib/cosmoz-omnitable-number-range-input.js b/lib/cosmoz-omnitable-number-range-input.js
index 3a43cadc..9730a50e 100644
--- a/lib/cosmoz-omnitable-number-range-input.js
+++ b/lib/cosmoz-omnitable-number-range-input.js
@@ -1,7 +1,7 @@
-import { _ } from '@neovici/cosmoz-i18next';
 import { PolymerElement } from '@polymer/polymer';
-import { html } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { html } from 'lit-html';
+import { _ } from '@neovici/cosmoz-i18next';
 import '@neovici/cosmoz-input';
 import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
 import { polymerHauntedRender } from './polymer-haunted-render-mixin';
@@ -42,6 +42,12 @@ class NumberRangeInput extends rangeInputMixin(
 				paper-dropdown-menu {
 					--iron-icon-width: 0;
 					display: block;
+					text-align: right;
+				}
+				.classen {
+					padding: 15px;
+					min-width: 100px;
+					text-align: left;
 				}
 			</style>
 
@@ -58,11 +64,7 @@ class NumberRangeInput extends rangeInputMixin(
 				?opened=${this.headerFocused}
 				@opened-changed=${onOpenedChanged}
 			>
-				<div
-					class="dropdown-content"
-					slot="dropdown-content"
-					style="padding: 15px; min-width: 100px;"
-				>
+				<div class="dropdown-content classen" slot="dropdown-content">
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-input
 						class=${this._fromClasses}

From 32c4facdb5c348cc7fe6fa207d362ae62c8b292c Mon Sep 17 00:00:00 2001
From: Amanda Valencia <amanda.valencia@neovici.se>
Date: Wed, 23 Oct 2024 11:38:31 +0200
Subject: [PATCH 2/3] fix(cosmoz-omnitable-column-date): add css
 font-variant-numeric rule for date

---
 cosmoz-omnitable-column-date.js | 13 ++++++-------
 cosmoz-omnitable-styles.js      |  3 ++-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/cosmoz-omnitable-column-date.js b/cosmoz-omnitable-column-date.js
index dc13b7d1..e085a217 100644
--- a/cosmoz-omnitable-column-date.js
+++ b/cosmoz-omnitable-column-date.js
@@ -1,12 +1,10 @@
 /* eslint-disable no-return-assign */
-import '@neovici/cosmoz-input';
+import { html } from 'lit-html';
+import { PolymerElement } from '@polymer/polymer/polymer-element';
 import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
+import '@neovici/cosmoz-input';
 
 import './ui-helpers/cosmoz-clear-button';
-
-import { PolymerElement } from '@polymer/polymer/polymer-element';
-import { html } from 'lit-html';
-
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import './lib/cosmoz-omnitable-date-range-input';
 import { defaultComputeSource } from './lib/utils-data';
@@ -95,13 +93,14 @@ class OmnitableColumnDate extends columnMixin(PolymerElement) {
 	}
 
 	renderCell(column, { item }) {
-		return getString(column, item);
+		return html`<div class="omnitable-cell-date">
+			${getString(column, item)}
+		</div>`;
 	}
 
 	renderEditCell(column, { item }, onItemChange) {
 		const onChange = (event) =>
 			onItemChange(fromInputString(event.target.value));
-
 		return html`<cosmoz-input
 			no-label-float
 			type="date"
diff --git a/cosmoz-omnitable-styles.js b/cosmoz-omnitable-styles.js
index a159088a..1a541889 100644
--- a/cosmoz-omnitable-styles.js
+++ b/cosmoz-omnitable-styles.js
@@ -344,6 +344,7 @@ export default css`
 
 	.tableContent .itemRow-cell paper-dropdown-menu {
 		margin-top: -20px;
+
 	}
 
 	cosmoz-omnitable-item-expand[expanded] {
@@ -437,7 +438,7 @@ export default css`
 		overflow: initial;
 	}
 
-	.omnitable-cell-number {
+	.omnitable-cell-number, .omnitable-cell-date {
 		font-variant-numeric: tabular-nums;
 	}
 

From 8e43c4d0c50bc7694bcb274305da9b5d9d4c41d6 Mon Sep 17 00:00:00 2001
From: Amanda Valencia <amanda.valencia@neovici.se>
Date: Wed, 23 Oct 2024 13:03:44 +0200
Subject: [PATCH 3/3] fix(lib/cosmoz-omnitable-number-range-input): change
 class name

---
 lib/cosmoz-omnitable-number-range-input.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/cosmoz-omnitable-number-range-input.js b/lib/cosmoz-omnitable-number-range-input.js
index 9730a50e..b4543bce 100644
--- a/lib/cosmoz-omnitable-number-range-input.js
+++ b/lib/cosmoz-omnitable-number-range-input.js
@@ -44,7 +44,7 @@ class NumberRangeInput extends rangeInputMixin(
 					display: block;
 					text-align: right;
 				}
-				.classen {
+				.dropdown-content {
 					padding: 15px;
 					min-width: 100px;
 					text-align: left;
@@ -64,7 +64,7 @@ class NumberRangeInput extends rangeInputMixin(
 				?opened=${this.headerFocused}
 				@opened-changed=${onOpenedChanged}
 			>
-				<div class="dropdown-content classen" slot="dropdown-content">
+				<div class="dropdown-content" slot="dropdown-content">
 					<h3 style="margin: 0;">${this.title}</h3>
 					<cosmoz-input
 						class=${this._fromClasses}