n

2 files changed, 36 insertions, 16 deletions

diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html
index 30056ce..235c5ac 100644
--- a/VegaData/wwwroot/index.html
+++ b/VegaData/wwwroot/index.html
@@ -67,6 +67,10 @@
 			overflow-x: auto;
 		}
 
+		#times {
+			padding-left: 15px;
+		}
+
 		main {
 			padding-inline: 10px;
 		}
@@ -76,15 +80,23 @@
 			width: 100%;
 
 			.title {
-				width: 100%;
-				display: inline-block;
-				font-size: 3rem;
-				font-weight: 600;
 				position: sticky;
 				top: 0;
-				overflow-wrap: break-word;
-				hyphens: manual;
-				background: beige;
+				width: 100%;
+				display: flex;
+				align-items: baseline;
+				justify-content: space-between;
+				background: bisque;
+				padding-inline: 3px;
+				padding-bottom: 5px;
+
+				h2 {
+					font-weight: 600;
+					overflow-wrap: break-word;
+					hyphens: manual;
+					margin-top: 0;
+					margin-bottom: 0;
+				}
 			}
 		}
 
@@ -94,7 +106,11 @@
 			text-decoration: none;
 			font-weight: 400;
 			margin-bottom: 15px;
-			border-bottom: 2px dotted dodgerblue;
+
+			.date::first-letter {
+				border-left: 2px solid gold;
+				padding-left: 2px;
+			}
 
 			div {
 				display: flex;
diff --git a/VegaData/wwwroot/index.js b/VegaData/wwwroot/index.js
index 8ce5c62..45af7f2 100644
--- a/VegaData/wwwroot/index.js
+++ b/VegaData/wwwroot/index.js
@@ -53,9 +53,9 @@ function copyLink(t, e) {
     }
 }
 
-function vegascene(e) {
-    if (e.movieMainVersion.startsWith("KUL")) return `https://www.vegascene.no/teater/${e.movieMainVersion}`
-    return `https://www.vegascene.no/film/${e.movieMainVersion}`
+function vegascene(showing) {
+    if (showing.movieMainVersion.startsWith("KUL")) return `https://www.vegascene.no/teater/${showing.movieMainVersion}`
+    return `https://www.vegascene.no/film/${showing.movieMainVersion}`
 }
 
 function urlId(e) {
@@ -99,21 +99,25 @@ async function renderShows(query, rendered) {
 
         lis.push(
             t("li", { class: "show", id: showKey }, [
-                t("span", { class: "title italic" }, showKey),
-                t("ul", undefined, [
+                t("div", { class: "title" }, [
+                    t("h2", { class: "italic" }, showKey),
+                    t("a", { href: vegascene(shows[showKey][0]) }, "(Åpne på vegascene.no)")
+                ]),
+                t("ul", { id: "times" }, [
                     t("li", undefined,
                         times.filter(e => e.ticketUrl !== "").map(e => {
                             let tagLine = `${e.scene} - ${[e.type, ...e.tags].join(", ")}`
                             tagLine = tagLine[0].toUpperCase() + tagLine.slice(1)
+                            let dateLine = dateString(e.startDateTime)
+                            dateLine = dateLine[0].toUpperCase() + dateLine.slice(1)
                             return t("li", { class: `time time-${e.id}`, id: urlId(e) }, [
                                 t("div", undefined, [
-                                    t("span", { title: e.startDateTime }, dateString(e.startDateTime)),
+                                    t("span", { title: e.startDateTime, class: "date" }, dateLine),
                                     t("span", undefined, tagLine),
                                     t("div", { class: "actions" }, [
                                         t("a", { href: e.ticketUrl }, "Billetter"),
                                         "share" in navigator ? t("button", { onclick: () => share(e) }, "Del tid") : null,
-                                        t("button", { onclick: (t) => copyLink(t, e) }, "Kopier lenke"),
-                                        t("a", { href: vegascene(e) }, "Åpne på vegascene.no")
+                                        t("button", { onclick: (t) => copyLink(t, e) }, "Kopier lenke")
                                     ])
                                 ])
                             ])