fix double triangle on non-webkit browsers

scipost_django/colleges/templates/colleges/_hx_nomination_li_contents.html

@@ -93,7 +93,7 @@
     {% if "edadmin" in user_roles or "active_senior_fellow" in user_roles %}
       <div class="col-12 col-md mb-3">
         <details class="border">
-          <summary class="p-2 bg-light list-triangle">Events</summary>
+          <summary class="p-2 bg-light d-block list-triangle">Events</summary>
           {% include 'colleges/_nomination_events_table.html' with nomination=nomination %}
         </details>
       </div>
@@ -101,7 +101,7 @@
 
     <div class="col-12 col-md mb-3">
       <details class="border">
-        <summary class="p-2 bg-light list-triangle">Comments</summary>
+        <summary class="p-2 bg-light d-block list-triangle">Comments</summary>
  
         <div class="p-3">
 
@@ -160,13 +160,13 @@
     <div class="row">
       <div class="col">
         <details class="border">
-          <summary class="p-2 bg-light list-triangle">All voting rounds</summary>
+          <summary class="p-2 bg-light d-block list-triangle">All voting rounds</summary>
 
           <div class="p-3">
 
             {% for round in nomination.voting_rounds.all %}
               <details>
-                <summary class="list-triangle">
+                <summary class="d-block list-triangle">
                   #{{ forloop.counter0|add:1 }} from {{ round.voting_opens|date:"Y-m-d" }} to {{ round.voting_deadline|date:"Y-m-d" }}
                 </summary>
  

scipost_django/colleges/templates/colleges/_hx_nominations_invitations.html

@@ -8,13 +8,13 @@
     <div class="row">
       <div class="col-12 col-md">
         <details class="m-2 mt-3 border">
-          <summary class="p-2 bg-light list-triangle">Events</summary>
+          <summary class="p-2 bg-light d-block list-triangle">Events</summary>
           {% include 'colleges/_nomination_events_table.html' with nomination=invitation.nomination %}
         </details>
       </div>
       <div class="col-12 col-md">
         <details open class="m-2 mt-3 border">
-          <summary class="p-2 bg-light list-triangle">Checklist</summary>
+          <summary class="p-2 bg-light d-block list-triangle">Checklist</summary>
           {% include 'colleges/_nominations_invitation_checklist.html' with invitation=invitation %}
         </details>
       </div>

scipost_django/colleges/templates/colleges/nominations.html

@@ -29,7 +29,7 @@
   </p>
 
   <details class="border border-warning border-2 mt-4">
-    <summary class="bg-warning bg-opacity-10 p-2 d-flex list-triangle">
+    <summary class="bg-warning bg-opacity-10 p-2 d-block list-triangle">
       <div class="fs-5">Nominate</div>
     </summary>
 
@@ -105,7 +105,7 @@
   {% if "edadmin" in user_roles or "active_senior_fellow" in user_roles %}
     <details id="ensure-specialties-details"
              class="border border-danger border-2 mt-4">
-      <summary class="bg-danger bg-opacity-10 p-2 d-flex list-triangle">
+      <summary class="bg-danger bg-opacity-10 p-2 d-block list-triangle">
         <div class="fs-5">Start voting</div>
       </summary>
 
@@ -125,7 +125,7 @@
   {% endif %}
 
   <details id="voting-details" class="border border-primary border-2 mt-4">
-    <summary class="bg-primary bg-opacity-10 p-2 d-flex list-triangle">
+    <summary class="bg-primary bg-opacity-10 p-2 d-block list-triangle">
       <div class="fs-5">
 
         {% if 'edadmin' not in user_roles %}
@@ -138,15 +138,15 @@
     </summary>
 
     <div class="p-2">
-      <div id="voting_tablist" hx-trigger="toggle from:#voting-details, click from:body target:.nomination-start-round-btn" hx-get="{% url 'colleges:_hx_voting_rounds' %}?tab=
+      <div id="voting_tablist" hx-trigger="toggle from:#voting-details, click from:body target:.nomination-start-round-btn" hx-get="{% url 'colleges:_hx_voting_rounds' %}?tab= 
         {% if 'edadmin' in user_roles %}ongoing{% else %}ongoing-vote_required{% endif %}
-        "></div>
+         "></div>
     </div>
   </details>
 
   {% if "edadmin" in user_roles %}
     <details id="invitations-details" class="border border-success border-2 mt-4">
-      <summary class="bg-success bg-opacity-10 p-2 d-flex list-triangle">
+      <summary class="bg-success bg-opacity-10 p-2 d-block list-triangle">
         <div class="fs-5">Manage invitations</div>
       </summary>
 
@@ -160,7 +160,7 @@
   {% endif %}
 
   <details id="list-details" class="border border-2 mt-4">
-    <summary class="bg-light p-2 d-flex list-triangle">
+    <summary class="bg-light p-2 d-block list-triangle">
       <div class="fs-5">List / filter</div>
     </summary>