Kompatibilität für Chrome

lib/basic.css

@@ -54,6 +54,16 @@ input {
 	border-radius: var(--border-radius);
 	padding: 4px;
 }
+select {
+	border-radius: var(--border-radius);
+	padding: 5px;
+	font-size: 18px;
+}
+button {
+	border-radius: var(--border-radius);
+	font-size: 18px;
+	font-weight: normal;
+}
 
 /* ----------- overlay ----------- */
 
@@ -230,6 +240,9 @@ dropdown > div:first-child {
 	height: 100%;
 	background: none;
 }
+dropdown > div > button {
+	border-radius: 0;
+}
 dropdown > div:last-child {
 	position: absolute;
 	background: var(--accent_color_bg_o);

lib/basic.js

@@ -10,16 +10,7 @@ function showOverlay(id) {
 	if (!elm) return;
 	const overlay = document.createElement("div");
 	
-	const computedStyles = getComputedStyle(elm);
-	const defaultStyles = getDefaultComputedStyle(elm);
-	let styleString = "";
-	for (let style of computedStyles) {
-		if (style == "display") continue;
-		const computedValue = computedStyles.getPropertyValue(style);
-		const defaultValue = defaultStyles.getPropertyValue(style);
-		if (computedValue == defaultValue) continue;
-		styleString += `${style}: ${computedValue}; `;
-	}
+	const styleString = elm.getAttribute("style");
 	
 	overlay.classList.add("overlay");
 	overlay.setAttribute("name", id);

prof/auswertung.html

@@ -72,6 +72,7 @@ button.navigation:hover {
 	padding-left: 10px !important;
 }
 .content-table > tbody > tr:first-child > td:last-child > div {
+	display: flex;
 	height: 100%;
 	max-height: 100%;
 	padding: 15px;
@@ -147,6 +148,11 @@ async function loadStats() {
 		}, i);
 	}
 	
+	const bottomLabel = document.createElement("label");
+	bottomLabel.style = `display: inline-block; font-size: 5px;`;
+	bottomLabel.innerHTML = " ";
+	udiv.appendChild(bottomLabel);
+	
 	let studenten = gesamtAuswertung[3].reduce((acc, val) => acc + val, 0) / gesamtAuswertung[3].length;
 
 	

prof/uebersicht.html

@@ -158,7 +158,7 @@ button.auswertung:hover {
 .action.start {
 	position: absolute;
 	top: 16px;
-	right: 60px;
+	right: 70px;
 	font-size: 20px;
 	border-radius: var(--border-radius);
 	background-color: var(--accent_color_bg);
@@ -261,7 +261,7 @@ button.auswertung:hover {
 .createCourse .evaluation > button {
 	width: 40px;
 	height: 40px;
-	font-size: 28px;
+	font-size: 23px;
 	position: absolute;
 	top: 5px;
 	right: 5px;
@@ -477,7 +477,7 @@ async function deleteCourse(courseId) {
 .edit_course .evaluation > button {
 	width: 40px;
 	height: 40px;
-	font-size: 28px;
+	font-size: 23px;
 	position: absolute;
 	top: 5px;
 	right: 5px;