hotfix: team image placement

SocialPass · Feb 21, 2024 · a4fae2c · a4fae2c
1 parent af64d6a
commit a4fae2c
Showing 1 changed file with 22 additions and 21 deletions.
diff --git a/backend/templates/checkout/checkout_page_one.html b/backend/templates/checkout/checkout_page_one.html
@@ -27,27 +27,6 @@
 	</div>
 	<!-- Cover image start -->
 
-	<!-- Team image and name start -->
-	<div class="position-relative z-1" style="margin-top: -37px;">
-		<div class="specific-w-75 specific-h-75 rounded-circle border border-5 d-flex align-items-center justify-content-center overflow-hidden mx-auto" style="border-color: var(--bs-content-bg) !important;">
-			{% if event.team.image %}
-				<img src="{{ event.team.image.url }}" class="d-block w-100 h-auto" alt="Team image">
-			{% else %}
-				<div class="rounded-circle d-flex align-items-center justify-content-center bg-secondary-subtle flex-shrink-0" style="width: 125%; height: 125%;">
-					<span class="text-uppercase fs-3 m-0 lh-1 fw-bold">{{ event.team.name|slice:"0:1" }}</span>
-				</div>
-			{% endif %}
-		</div>
-		<h6 class="mt-1 mb-0 text-center">
-			<span class="fw-normal">{% trans "Hosted By" %}</span>
-			<span class="text-primary-emphasis">{{ event.team.name }}</span>
-			{% if event.team.is_verified %}
-				<i class="fa-solid fa-badge-check text-primary ms-1"></i>
-			{% endif %}
-		</h6>
-	</div>
-	<!-- Team image and name end -->
-
 	<!-- Event name, description, dates, location start -->
 	<div class="p-3 p-sm-4 mt-3">
 		<div class="container-fluid overflow-hidden">
@@ -77,6 +56,28 @@ <h1 class="text-body-emphasis display-6 m-0 text-break">
 				<div class="col-lg-6 ps-lg-4">
 					<div class="container-fluid overflow-hidden g-0">
 						<div class="row g-3">
+							<!-- Team image and name start -->
+							<div class="d-flex align-items-center mb-2f">
+								<div class="specific-w-50 specific-h-50 rounded overflow-hidden" style="border-color: var(--bs-content-bg) !important;">
+									{% if event.team.image %}
+										<img src="{{ event.team.image.url }}" class="d-block w-100 h-auto" alt="Team image">
+									{% else %}
+										<div class="rounded-circle d-flex align-items-center justify-content-center bg-secondary-subtle flex-shrink-0" style="width: 125%; height: 125%;">
+											<span class="text-uppercase fs-3 m-0 lh-1 fw-bold">{{ event.team.name|slice:"0:1" }}</span>
+										</div>
+									{% endif %}
+								</div>
+								<h6 class="ms-2">
+									<span class="fw-normal">{% trans "Hosted By" %}</span>
+									<span class="text-primary-emphasis">{{ event.team.name }}</span>
+									{% if event.team.is_verified %}
+										<i class="fa-solid fa-badge-check text-primary ms-1"></i>
+									{% endif %}
+								</h6>
+							</div>
+							<hr/>
+							<!-- Team image and name end -->
+
 							<div class="col-sm-6">
 								<div class="d-flex align-items-center">
 									<div class="specific-w-50 specific-h-50 flex-shrink-0 bg-primary-subtle rounded text-center">