Show all featured games with no divider

templates/base.html

@@ -33,6 +33,7 @@
         .card {
             width: 28rem;
             margin: 2rem;
+            padding:1rem;
         }
 
         .image-grid-container {
@@ -41,6 +42,8 @@
             /* For 2 columns */
             grid-template-columns: auto auto;
         }
+         .gba { background: #aa11FF;}
+         .virtualboy { background: #99aa11; }
         </style>
         {% block head_extra %}{% endblock %}
 

templates/games/game_list.html

@@ -3,14 +3,12 @@
 {% block title %}Featured games{% endblock %}
 
 {% block content %}
-{% regroup object_list by game_system as game_system_list %}
-    {% for system in game_system_list %}
-
      <div class="d-flex flex-column">
-        <h3>{{system.grouper.name}} <a href="{{system.grouper.get_absolute_url}}">&raquo;</a></h3>
         <div class="image-grid-container">
-        {% for  game in system.list %}
+        {% for  game in object_list %}
            <div class="card d-flex flex-column">
+                <span class="badge badge-success {{game.game_system.retropie_slug}}">{{game.game_system.name}}</span>
+                <br />
                 <img class="card-img-top" src="{{game.screenshot.url}}" alt="Card image cap">
                 <div class="card-body">
                     <h5 class="card-title">{{game.name}}</h5>
@@ -22,5 +20,4 @@
         {% endfor %}
         </div>
     </div>
-    {% endfor %}
 {% endblock %}