ctucx.git: trainsearch

searchView: use text for now-button

diff --git a/src/assets/style.css b/src/assets/style.css
@@ -312,11 +312,18 @@ footer {
 
 		.button.icon-arrow1,
 		.button.icon-arrow2,
-		.button.icon-swap,
-		.button.icon-clock {
+		.button.icon-swap {
 			padding: .3em .5em;
 		}
 
+		.button.now {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			user-select: none;
+			padding: 0 10px;
+		}
+
 		button[type="submit"],
 		.button.icon-settings {
 			height: 32px;

diff --git a/src/languages.js b/src/languages.js
@@ -113,6 +113,7 @@ const languages = {
 		'ageGroupYoung':       'Jung',
 		'ageGroupAdult':       'Erwachsen',
 		'ageGroupSenior':      'Senior',
+		'now':                 'Jetzt',
 	},
 
 	'nl': {

@@ -266,5 +267,6 @@ const languages = {
 		'ageGroupYoung':       'Young',
 		'ageGroupAdult':       'Adult',
 		'ageGroupSenior':      'Senior',
+		'now':                 'Now',
 	}
 };

diff --git a/src/searchView.js b/src/searchView.js
@@ -107,10 +107,10 @@ const searchTemplate = (journeysHistory) => html`
 					<label for="arrival">${t('arrival')}</label>
 				</div>
 
+				<div class="button now" title="${t('titleSetDateTimeNow')}" @click=${setDateTimeNow}>${t('now')}</div>
 				<input type="datetime-local" name="datetime" id="datetime" title="${t('date')} & ${t('time')}" value="${viewState.dateTimeValue}" class="${!settings.combineDateTime ? 'hidden' : nothing}" required>
 				<input type="time"           name="time"     id="time"     title="${t('time')}"                value="${viewState.timeValue}"     class="${!settings.combineDateTime ? nothing : 'hidden'}" required>
 				<input type="date"           name="date"     id="date"     title="${t('date')}"                value="${viewState.dateValue}"     class="${!settings.combineDateTime ? nothing : 'hidden'}" required>
-				<div class="button icon-clock" title="${t('titleSetDateTimeNow')}" @click=${setDateTimeNow}></div>
 			</div>
 
 			<div class="flex-row">