conference_main/static/conference_main/styles/_event.sass

@@ -34,32 +34,17 @@
 			content: ''
 
 	details
-		+padding(2, y)
-		transition: background-color var(--transition-speed)
+		@extend .box
 
-	details:not([open])
-		background-color: rgba(white, .33)
-		box-shadow: none
-
-		&:hover
-			background-color: rgba(white, .66)
-
-			.is-collapsed
-				opacity: 1
-
-		.is-collapsed
-			opacity: .5
-			transition: opacity var(--transition-speed)
+		+padding(3)
 
 	summary
-		padding-right: 0
-		+fw-normal
 		color: var(--text-color-secondary)
+		+fw-normal
+		padding-right: 0
 
 	.date
-		font-size: var(--fs-sm)
-		+margin(1, top)
-		opacity: .5
+		@extend .text-muted
 
 .event-date a
 	text-decoration: none

conference_main/templates/conference_main/components/message_exchange.pug

@@ -26,27 +26,29 @@ section
           data-target="#message-{{ message.message.id }}",
           id="message-{{ message.message.id }}")
 
-          span(style="opacity: .4").mr-2 {{ forloop.counter }}.
+          span.me-2.text-muted {{ forloop.counter }}.
           span {{ message.message.user.profile }}
           span.message-preview-content {{ message.message.content|truncatechars:80 }}
 
           span.ml-auto
 
           | {% if message.message.user.is_staff %}
-          span.badge.badge-admin.mr-2(title="BCON staff")
+          span.badge.badge-admin.me-2(title="BCON staff")
             i.i-bcon
             span Staff
           | {% endif %}
 
           | {% if message.message.user.id == object.user.id %}
-          span.badge.badge-info.mr-2(title="Proposal Author")
+          span.badge.badge-info.me-2(title="Proposal Author")
             i.i-mic
             span Proposal Author
           | {% endif %}
 
           | {% if request.user.is_superuser %}
           a.px-3(href="{% url 'admin:conference_main_message_change' message.pk %}")
-            small Edit
+            small
+              span.me-1 Edit
+              i.i-edit
           | {% endif %}
 
           a.date(