katja's git: oeffisearch

fix remark icon style on small screens

diff --git a/src/journeyView.js b/src/journeyView.js
@@ -104,7 +104,7 @@ class JourneyView extends BaseView {
 		} else {
 			return html`
 				<div class="card">
-					<div class="head flex-center">
+					<div class="head flex-center nowrap">
 						<a href="#/t/${this.profile}/${leg.tripId}">${formatLineDisplayName(leg.line)}${!leg.direction ? nothing : html` → ${leg.direction}`}</a>
 						${!leg.cancelled ? nothing : html`<b class="cancelled-text">${t('cancelled-ride')}</b>`}
 						${leg.remarks.length === 0 ? nothing : html`

diff --git a/src/styles/flexbox.css b/src/styles/flexbox.css
@@ -23,7 +23,7 @@
 		flex-wrap: wrap;
 	}
 
-	.flex-row.nowrap {
-		flex-wrap: unset;
+	.nowrap {
+		flex-wrap: unset !important;
 	}
 }

diff --git a/src/templates.js b/src/templates.js
@@ -15,7 +15,7 @@ export const remarksModal = (element, remarks) => element.showDialogOverlay('rem
 	html`<style>${css`
 		.flex-row {
 			align-items: center;
-			flex-wrap: nowrap;
+			flex-wrap: nowrap !important;
 			padding: .5em;
 			border-bottom: 1px solid rgba(0, 0, 0, .4);
 		}

diff --git a/src/tripView.js b/src/tripView.js
@@ -116,7 +116,7 @@ class TripView extends BaseView {
 		this.viewState !== null ? html`
 		<div class="container">
 			<div class="card">
-				<div class="head flex-center">
+				<div class="head flex-center nowrap">
 					${!this.viewState.trip.bahnExpertUrl ? nothing : html`<a href="${this.viewState.trip.bahnExpertUrl}">`}
 					${formatLineDisplayName(this.viewState.trip.line)}${this.viewState.trip.direction ? html` → ${this.viewState.trip.direction}` : ''}
 					${!this.viewState.trip.bahnExpertUrl ? nothing : html`</a>`}