Track popup

src/styles/_page.project.map.scss

@@ -30,15 +30,16 @@ $thumbnail-max-size: 60px;
 			font-weight: bold;
 			text-align: center;
 
-			.message-type {
-				color: color.$default;
+			span.hitchhiking {
+				font-size: calc(1em / 1.4 * 1.2);
 				font-weight: normal;
-				font-size: calc(1em / 1.4);
-				margin-left: 0.5em;
-				vertical-align: center;
 			}
 		}
 
+		.description {
+			text-align: center;
+		}
+
 		.separator {
 			border-top: 1px solid color.$default-bg;
 			margin: var.$elem-spacing 0;
@@ -48,11 +49,21 @@ $thumbnail-max-size: 60px;
 			font-size: 1.0em;
 			margin: var.$elem-spacing 0 0 0;
 
+			&:first-child {
+				margin: 0;
+			}
+
 			a {
 				color: color.$default;
 			}
 		}
 
+		.track-stats {
+			display: grid;
+			grid-template-columns: repeat(2, minmax(0, 1fr));
+			gap: var.$elem-spacing;
+		}
+
 		.medias-list {
 			line-height: 0;
 			
@@ -104,10 +115,6 @@ $thumbnail-max-size: 60px;
 		}
 
 		.media {
-			.coordinates {
-				margin-top: 0;
-			}
-
 			.medias-list {
 				a.media-link img {
 					width: 100%;