feat: add animal description, fix tags

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

@@ -246,7 +246,7 @@ h1 {
     border: black 1px solid;
     border-radius: 0.3rem;
     padding: 2px;
-    margin: 2px;
+    margin: 4px;
 }
 
 .sex {
@@ -381,4 +381,9 @@ h1 {
 
 .heading-card-adoption-notice {
     word-wrap: anywhere;
+}
+
+.tags {
+    margin-left: auto;
+    padding: 5px;
 }

src/fellchensammlung/templates/fellchensammlung/partials/partial-animal-card.html

@@ -2,9 +2,15 @@
 <div class="card-animal">
     <div class="detail-animal-header">
         <h1>{{ animal.name }}</h1>
-        <div class="tag species">{{ animal.species }}</div>
-        <div class="tag sex">{{ animal.get_sex_display }}</div>
+        <div class="tags">
+            <div class="tag species">{{ animal.species }}</div>
+            <div class="tag sex">{{ animal.get_sex_display }}</div>
+        </div>
     </div>
+
+    {% if animal.description %}
+        <p>{{ animal.description }}</p>
+    {% endif %}
     {% if animal.get_photo %}
         <img src="{{ MEDIA_URL }}/{{ animal.get_photo.image }}" alt="{{ animal.get_photo.alt_text }}">
         </div>