sfd

files/templates/award_modal.html

@@ -11,7 +11,7 @@
 			</div>
 			<div id="awardModalBody" class="modal-body">
 				<form id="awardTarget" class="pt-3 pb-0" action="" method="post">
-					<div class="card-columns awards-wrapper">
+					<div class="card-columns award-columns awards-wrapper">
 						{% for award in v.user_awards %}
 							{% if award.owned %}
 								<a href="javascript:void(0)" id="{{award.kind}}" class="card" onclick="bruh('{{award.kind}}')">
@@ -41,7 +41,7 @@
 
 	.awards-wrapper a {
 		cursor: pointer;
-		padding: 15px;
+		padding: 15px !important;
 		text-align: center;
 		text-transform: none!important;
 	}
@@ -61,4 +61,8 @@
 	.awards-wrapper input[type="radio"]:checked+a {
 		background-color: var(--primary)!important;
 	}
+
+	.award-columns {
+		column-count: 3 !important;
+	}
 </style>