ctucx.git: trainsearch

style.css: use flexbox to align modal-dialog header items

diff --git a/src/overlays.js b/src/overlays.js
@@ -36,8 +36,8 @@ export const showModal = (title, content) => {
 			<div class="modal">
 				<div class="box dialog">
 					<div class="header">
-						<div class="close" title="Close" @click=${() => { hideOverlay(); resolve(); }}></div>
 						<h4>${title}</h4>
+						<div class="close" title="Close" @click=${() => { hideOverlay(); resolve(); }}></div>
 					</div>
 					<div class="body">${content}</div>
 				</div>

diff --git a/static/style.css b/static/style.css
@@ -592,22 +592,20 @@ header {
 		border: 1px solid rgba(0, 0, 0, .4);
 
 		.header {
-			border-top-right-radius: 3px;
-			border-top-left-radius:  3px;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
 			background-color: #5a5a5a;
 			color: white;
-			min-height: 16.4;
 			padding: 15px;
+			border-top-right-radius: 3px;
+			border-top-left-radius:  3px;
 
 			h4 {
 				margin: 0;
-				line-height: 1.4;
 	 		}
 
 			.close {
-				float: right;
-				width: 53px;
-				height: 53px;
 				margin: -15px;
 				padding: 10px;
 				border-left: 1px solid rgba(0, 0, 0, .4);