ctucx.git: oeffisearch

fixes

diff --git a/client/js/app_functions.js b/client/js/app_functions.js
@@ -172,7 +172,7 @@ export const restoreDataStorage  = () => {
 	if (data !== null) {
 		let dataStorage = JSON.parse(data);
 
-		if (dataStorage.dbVer < 0.5) {
+		if (dataStorage.dbVer < 0.6) {
 			showModal('Lokale Datenbank veraltet - Datenbank wird neu erstellt.');
 			if (devMode !== true) {
 				localStorage.removeItem('dataStorage');

diff --git a/client/js/journeysView.js b/client/js/journeysView.js
@@ -123,7 +123,3 @@ export const moreJourneys  = async (reqId, mode) => {
 	addCache('journeys', data);
 	journeysView([reqId]);
 };
-
-export const reloadJourneys = async (requestId) => {
-	showAlertModal("not implemented yet");
-};

diff --git a/client/js/searchView.js b/client/js/searchView.js
@@ -106,7 +106,7 @@ const searchTemplate = (journeysHistory) => html`
 					<label class="icon-weelchair" for="accessibilityComplete" title="{{LABEL_ACCESSIBILITY_FULL}}">{{LABEL_ACCESSIBILITY_FULL}}<br></label>
 				</div>
 
-				<div class="selector"  >
+				<div class="selector">
 					<div class="btn icon-swap" title="${t('swap')}" @click=${swapFromTo}></div>
 					<div class="btn icon-settings" title="${t('settings')}" @click=${showSettings}></div>
 				</div>

@@ -120,7 +120,7 @@ const searchTemplate = (journeysHistory) => html`
 
 		${journeysHistory.length ? html`
 			<input type="checkbox" id="btn-history" class="btn history hidden">
-			<label for="btn-history" class="icon-arrow2"></label>
+			<label for="btn-history" class="loadMore icon-arrow2"></label>
 			${journeysHistoryTemplate(journeysHistory)}
 		` : ''}
 

@@ -427,13 +427,12 @@ const onKeydown = (e) => {
 	if (which == 13) { // enter
 		if (!ElementById('selected')) {
 			document.querySelector(`#${e.target.id}Suggestions>.suggestionsbox>:first-child`).click();
+			if (e.target.id === 'to') ElementById('go').click();
 		} else {
 			let elem = ElementById('selected')
 			elem.id = '';
 			elem.click();
 		}
-
-		if (e.target.id === 'to') ElementById('go').click();
 		return false;
 	}
 

diff --git a/client/style.css b/client/style.css
@@ -6,7 +6,6 @@ font-face {
 	font-style: normal;
 }
 
-
 * {
 	box-sizing: border-box;
 	border-collapse: collapse;

@@ -85,22 +84,6 @@ header {
 	100% { transform: rotate(360deg); }
 }
 
-label[for=btn-history] {
-	cursor: pointer;
-	border-radius: 100%;
-	height: 48px;
-	width: 48px;
-	background-color: #eee;
-	margin: .5em auto;
-	transition: box-shadow 150ms;
-	border: 1px solid rgba(0, 0, 0, .1);
-	user-select: none;
-}
-
-:checked ~ label[for=btn-history] {
-	transform: rotate(180deg);
-}
-
 .loadMore {
 	cursor: pointer;
 	border-radius: 100%;

@@ -122,6 +105,10 @@ label[for=btn-history] {
 	margin-top: 15px;
 }
 
+:checked ~ label[for=btn-history] {
+	transform: rotate(180deg);
+}
+
 table {
 	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 	width: 100%;

@@ -427,16 +414,14 @@ tbody tr:hover td {
 	margin: .7em .3em .5em .3em;
 }
 
-@supports (display: flex) {
-	.search>.title>.logo {
-		box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
-		background-color: #7171e5;
-		border-radius: 15%;
-		width: 50px;
-		height: 50px;
-		margin: 0;
-		padding: 5px 5px 2px 6px;
-	}
+.search>.title>.logo {
+	box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
+	background-color: #7171e5;
+	border-radius: 15%;
+	width: 50px;
+	height: 50px;
+	margin: 0;
+	padding: 5px 5px 2px 6px;
 }
 
 .search .btn.go {

@@ -631,14 +616,12 @@ tbody tr:hover td {
 	}
 }
 
-@supports (display: flex) {
-	.hidden {
-		display: none !important;
-	}
+.hidden {
+	display: none !important;
+}
 
-	label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=time] {
-		display: none;
-	}
+label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=time] {
+	display: none;
 }
 
 #overlay {

@@ -671,7 +654,6 @@ tbody tr:hover td {
 	border-radius: 4px;
 	background-color: white;
 	width: fit-content;
-	width: -moz-fit-content;
 	padding: 15px;
 	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
 }

@@ -682,7 +664,6 @@ tbody tr:hover td {
 	background-color: rgba(20, 30, 255, .7);
 	color: white;
 	width: fit-content;
-	width: -moz-fit-content;
 	padding: 8px 20px;
 	margin-left: auto;
 	margin-top: 10px;

@@ -802,7 +783,7 @@ form>div.history {
 }
 
 .station-column {
-	style="width: 60%;"
+	width: 60%;
 }
 
 .modal {