feat: Add tooltip to report link

src/fellchensammlung/static/fellchensammlung/css/styles.css

@@ -740,7 +740,7 @@ a.btn, a.btn2, a.nav-link {
 
 .header-card-adoption-notice {
     display: flex;
-    justify-content: space-evenly;
+    justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 
@@ -802,6 +802,11 @@ a.btn, a.btn2, a.nav-link {
     font-size: 2rem;
 }
 
+.adoption-card-report-link {
+    margin-right: 12px;
+}
+
+
 .notification-card-mark-read {
     display: inline;
 }

src/fellchensammlung/templates/fellchensammlung/partials/partial-adoption-notice-minimal.html

@@ -2,12 +2,16 @@
 {% load i18n %}
 
 <div class="card">
-    <div>
     <div class="header-card-adoption-notice">
         <h2 class="heading-card-adoption-notice"><a
                 href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h2>
+        <div class="tooltip bottom">
             <a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i
                     class="fa-solid fa-flag"></i></a>
+            <span class="tooltiptext">
+                        {% translate 'Melde diese Vermittlung an Moderator*innen' %}
+                    </span>
+        </div>
     </div>
     <p>
         <b><i class="fa-solid fa-location-dot"></i></b>
@@ -28,5 +32,4 @@
                  alt="{{ adoption_notice.get_photo.alt_text }}">
         </div>
     {% endif %}
-    </div>
 </div>