diff --git a/js/pages/cohort-definitions/cohort-definition-manager.css b/js/pages/cohort-definitions/cohort-definition-manager.css index 84d44c415..d1fa8dfdb 100644 --- a/js/pages/cohort-definitions/cohort-definition-manager.css +++ b/js/pages/cohort-definitions/cohort-definition-manager.css @@ -111,9 +111,12 @@ table.sources-table tr { table.sources-table tr:hover { background-color: #f2f2f2; } +table.sources-table tr:hover td { + border-top: solid 1px #ccc; + border-bottom: solid 1px #ccc; +} table.sources-table tbody td { padding: 0 10px 4px; - border-bottom: solid 1px #ccc; } .generation-buttons { white-space: nowrap; diff --git a/js/pages/incidence-rates/components/iranalysis/components/results.js b/js/pages/incidence-rates/components/iranalysis/components/results.js index e77519f9f..4c19aacd8 100644 --- a/js/pages/incidence-rates/components/iranalysis/components/results.js +++ b/js/pages/incidence-rates/components/iranalysis/components/results.js @@ -116,6 +116,10 @@ define([ this.showOnlySourcesWithResults = ko.observable(false); this.sourcesTableOptions = commonUtils.getTableOptions('S'); this.sourcesColumns = [{ + sortable: false, + className: 'generation-buttons-column', + render: () => `` + }, { title: ko.i18n('cohortDefinitions.cohortDefinitionManager.panels.sourceName', 'Source Name'), render: (s,p,d) => `${d.source.sourceName}` }, { @@ -144,10 +148,6 @@ define([ }, { title: ko.i18n('ir.results.duration', 'Duration'), render: (s,p,d) => d.info() ? `${this.msToTime(d.info().executionInfo.executionDuration)}` : `n/a` - }, { - sortable: false, - className: 'generation-buttons-column', - render: () => `` }]; } diff --git a/js/pages/incidence-rates/components/iranalysis/components/results.less b/js/pages/incidence-rates/components/iranalysis/components/results.less index fb054e202..e899ed5f7 100644 --- a/js/pages/incidence-rates/components/iranalysis/components/results.less +++ b/js/pages/incidence-rates/components/iranalysis/components/results.less @@ -25,8 +25,18 @@ tbody tr td { padding: 0 10px 4px; } + tr { + transition: background-color 0.3s ease; /* Smooth transition for hover effect */ + } + tr:hover { + background-color: #f2f2f2; + } + tr:hover td { + border-top: solid 1px #ccc; + border-bottom: solid 1px #ccc; + } .generation-buttons-column { - text-align: right; + text-align: left; } .generation-buttons { white-space: nowrap;