Merge branch 'main' of https://github.com/Sybit-Education/Coding-Camp…

…-2024 into fix/filter-color-not-matching

src/app/components/detail/detail.component.html

@@ -12,7 +12,7 @@ <h1 class="card-title text-2xl font-bold text-gray-800">
                     {{ activity.name }} | {{ activity.type.name }}
                 </h1>
                 <button
-                        (click)="onBookmark(activity?.osm_id)"
+                        (click)="onBookmark(activity.osm_id)"
                         class="bg-[#6bc4f6] hover:bg-[#1891d7] active:bg-[#6bc4f6] transition-all ease-in duration-75 min-w-10 min-h-10 max-h-10 max-w-10 w-10 h-10 flex justify-center items-center text-white rounded-md">
                     @if (isBookmarked) {
                         <i id="bookmark_id_2" class="bi bi-bookmark-fill"
@@ -52,7 +52,7 @@ <h1 class="card-title text-2xl font-bold text-gray-800">
             }
         </div>
 
-        <div class="buttons flex gap-4 mt-4">
+        <div class="buttons flex gap-4 card-footer">
             <button class="btn" onclick="history.back()">
                 <span><i class="bi bi-arrow-left"></i> Zurück</span>
             </button>