Fix date and styling issues

WordPress · Feb 20, 2024 · d15182f · d15182f
1 parent 7b0ef0b
commit d15182f
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/assets/css/translation-events.css b/assets/css/translation-events.css
@@ -201,9 +201,6 @@ input[type="submit"].attending-btn {
 	font-weight: 500;
 	font-size: .9em;
 }
-.event-stats-summary:hover {
-	border: thin solid #e0dcdc;
-}
 .event-stats-summary p.event-stats-text {
 	margin: 0;
 	background: #f8f8f8;
@@ -212,3 +209,17 @@ input[type="submit"].attending-btn {
 	border-top: thin solid #e0e0e0;
 	font-family: monospace;
 }
+time.event-utc-time {
+	display: block;
+	font-size: .95em;
+}
+.event-utc-time:first-of-type{
+	border-bottom: #cdcdcd thin solid;
+	padding-bottom: 0.5em;
+	margin-bottom: 0.5em;
+}
+span.event-details-date-label {
+	font-weight: bold;
+	color: #5a5a5a;
+	display: block;
+}
diff --git a/assets/js/translation-events.js b/assets/js/translation-events.js
@@ -145,7 +145,7 @@
 					const options = {
 						weekday: 'short',
 						year: 'numeric',
-						month: 'long',
+						month: 'short',
 						day: 'numeric',
 						hour: 'numeric',
 						minute: 'numeric',

diff --git a/templates/event.php b/templates/event.php
@@ -106,7 +106,10 @@
 	</div>
 	<div class="event-details-right">
 		<div class="event-details-date">
-			<p><span class="dashicons dashicons-clock"></span> <time class="event-utc-time" datetime="<?php echo esc_attr( $event_start ); ?>"></time> - <time class="event-utc-time" datetime="<?php echo esc_attr( $event_end ); ?>"></time></p>
+			<p>
+				<span class="event-details-date-label">Starts:</span> <time class="event-utc-time" datetime="<?php echo esc_attr( $event_start ); ?>"></time>
+				<span class="event-details-date-label">Ends:</span><time class="event-utc-time" datetime="<?php echo esc_attr( $event_end ); ?>"></time>
+			</p>
 		</div>
 		<?php if ( is_user_logged_in() ) : ?>
 		<div class="event-details-join">