use new listgroup item

ephios-dev · Aug 6, 2023 · 4eecd1a · 4eecd1a
1 parent 2c1fc75
commit 4eecd1a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/ephios/core/templates/core/event_list.html b/ephios/core/templates/core/event_list.html
@@ -134,17 +134,17 @@ <h1>{% translate "Events" %}
             {% endif %}
 
             {% if event_list %}
-                <div class="list-group mb-3">
+                <ul class="list-group mb-3">
                     {% if perms.core.add_event %}
-                        <div class="list-group-item px-0">
+                        <li class="list-group-item px-0">
                             <div class="ps-2">
                                 <input type="checkbox" id="checkall">
                             </div>
-                        </div>
+                        </li>
                     {% endif %}
                     {% for event in event_list %}
                         {% with counter=event|event_list_signup_state_counts stats=event.get_signup_stats %}
-                            <div class="list-group-item list-group-item-action p-0 d-flex flex-row">
+                            <li class="list-group-item p-0 d-flex flex-row">
                                 <div class="m-0 py-2 d-flex flex-column flex-lg-row-reverse justify-content-around flex-grow-0">
                                     <div class="ps-lg-2 d-flex flex-row flex-lg-column justify-content-center event-list-status-icon"
                                             {% if counter %}
@@ -171,7 +171,7 @@ <h1>{% translate "Events" %}
                                         </div>
                                     {% endif %}
                                 </div>
-                                <a class="list-group-item-action py-2 event-list-item-link"
+                                <a class="w-100 py-2 text-reset event-list-item-link"
                                    href="{{ event.get_absolute_url }}">
                                     <div class="grid-wrapper m-0 py-0 ps-2 pe-3">
                                         <div class="grid-title">
@@ -219,10 +219,10 @@ <h5 class="mb-0 text-break">
                                         </div>
                                     </div>
                                 </a>
-                            </div>
+                            </li>
                         {% endwith %}
                     {% endfor %}
-                </div>
+                </ul>
                 {% include 'core/pagination.html' %}
             {% else %}
                 <div class="mb-3">

diff --git a/ephios/static/ephios/scss/ephios_bootstrap_variables.scss b/ephios/static/ephios/scss/ephios_bootstrap_variables.scss
@@ -30,12 +30,12 @@ $success: shade-color($green, 40%);
 $danger: shade-color($red, 40%);
 $secondary: $gray-300;
 $info: $blue;
-$warning:       $yellow;
-$light:         $gray-250;
-$dark:          $gray-900;
+$warning: $yellow;
+$light: $gray-250;
+$dark: $gray-900;
 
 $custom-theme-colors: (
-    "brand": $brand-color,
+        "brand": $brand-color,
 );
 
 // Looks
@@ -52,7 +52,6 @@ $list-group-bg: $gray-100;
 $body-secondary-color: $gray-550;
 
 $enable-negative-margins: true;
-
 // Shadow (navbar)
 $box-shadow: 0 4px 4px rgba(#000, .10);