styling tweaks

Signed-off-by: Chris Abraham <[email protected]>
linuxfoundation · Aug 14, 2024 · 917ae22 · 917ae22
1 parent b54a528
commit 917ae22
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/web/wp-content/plugins/speakers-block-2/people-item.php b/web/wp-content/plugins/speakers-block-2/people-item.php
@@ -211,7 +211,7 @@ class="js-modal button-reset modal-<?php echo esc_html( $person_slug ); ?>">
 				if ( $active_session ) :
 					?>
 					<div class="modal-sched">
-						<h3 class="modal-sched__heading">Conference Sessions</h3>
+						<h4 class="modal-sched__heading">Conference Sessions</h4>
 						<?php
 						foreach ( $sched as $session ) :
 							if ( 'Y' !== $session->active ) {
@@ -221,11 +221,11 @@ class="js-modal button-reset modal-<?php echo esc_html( $person_slug ); ?>">
 							$start = new DateTime( $session->event_start );
 							?>
 							<div class="modal-sched__item">
-								<h4 class="modal-sched__title">
+								<h5 class="modal-sched__title">
 									<a href="https://kccncna2024.sched.com/event/<?php echo esc_attr( $session->id ); ?>" target="_blank" rel="noopener noreferrer">
 										<?php echo esc_html( $session->name ); ?>
 									</a>
-								</h4>
+								</h5>
 								<p class="modal-sched__time"><?php echo $start->format( 'M j, Y, g:i A' ); ?> | <?php echo esc_html( $session->venue ) ?></p>
 							</div>
 							<?php

diff --git a/web/wp-content/themes/lfevents/src/scss/components/_modal.scss b/web/wp-content/themes/lfevents/src/scss/components/_modal.scss
@@ -20,7 +20,6 @@ dialog {
 		padding: 1rem;
 		.modal__content {
 			margin-top: 1rem;
-			margin-bottom: 1rem;
 		}
 	}
 
@@ -30,7 +29,6 @@ dialog {
 		.modal__content {
 			margin-left: 2rem;
 			margin-right: 2rem;
-			padding-bottom: 2rem;
 			@media (min-width: 1000px) {
 				margin-left: 50px;
 				margin-right: 50px;
@@ -40,19 +38,18 @@ dialog {
 }
 
 .modal-sched {
-	margin: 0 1rem 2rem;
+	margin: 2rem 1rem 2rem;
 	@media (min-width: 768px) {
 		margin-left: 50px;
 		margin-right: 50px;
 	}
-	h3 {
-		font-size: 22px;
+	h4 {
+		font-size: 20px;
 		font-weight: 700;
 		line-height: 130%;
 	}
-	h4 {
+	h5 {
 		font-size: 17px;
-		font-weight: 700;
 		margin-top: 25px;
 		line-height: 130%;
 	}