Bjarke Madsen
--- a/webapp/src/pages/ECProjects.tsx 0 → 100644
+++ b/webapp/src/pages/ECProjects.tsx 0 → 100644
+        const nrenData = ecProjectsForYear.get(project.nren) || [];
+        nrenData.push(project);
+        ecProjectsForYear.set(project.nren, nrenData);
+
+    });
+
+    function nrensort(a: ECProject, b: ECProject) {
+        const byNREN = a.nren < b.nren ? -1 : a.nren > b.nren ? 1 : 0;
+        const byYear = a.year < b.year ? -1 : a.year > b.year ? 1 : 0;
+        return byYear || byNREN;
+    }
+
+    // sort projectDataByYear by year and nren, maps keep insertion order
+    projectDataByYear.forEach((nrenData, year) => {
+        const sortedNrenData = new Map<string, ECProject[]>();
+        [...nrenData.entries()].sort((a, b) => nrensort(a[1][0], b[1][0])).forEach(([nren, projects]) => {
--- a/webapp/src/scss/layout/_components.scss
+++ b/webapp/src/scss/layout/_components.scss
+  --bs-btn-disabled-bg: #0d6efd;
+  --bs-btn-disabled-border-color: #0d6efd
 }

 .fit-max-content {
  min-width: max-content;
 }
+
+.table-bg-highlighted {
+  tr:nth-child(even) {
+    background-color: rgba(102, 121, 139, 0.178);
+  }
+
+  tr:hover {
+    background-color: rgba(102, 121, 139, 0.521);
+  }