WIP: Improve mobile layout

templates/teamer/index.html.twig

@@ -20,7 +20,7 @@
 
     <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4 pb-2">
         {% for assignment in pagination %}
-            <div class="flex flex-col justify-between rounded-md border border-gray-200 bg-gray-100 p-4">
+            <div class="relative flex flex-col justify-between rounded-md border border-gray-200 bg-gray-100 p-4">
                 <div class="flex flex-col space-y-2 pb-2">
                     <div class="flex items-start space-x-2">
                         {{ icon('flag-' ~ assignment.destination.country, 'w-5 h-5 shrink-0') }}
@@ -68,6 +68,9 @@
                         <span>{{ label }}</span>
                     </a>
                 </div>
+                {% if teamer.bookmarks.contains(assignment) %}
+                    {{ icon('star', 'w-5 h-5 text-yellow-500 absolute top-0 right-0 mt-2 mr-2') }}
+                {% endif %}
             </div>
         {% endfor %}
     </div>