From 6a7467bb670fa8be75cc5a9a96e186a015f5db72 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Sun, 14 Apr 2024 20:57:42 +0200
Subject: [PATCH] feat: add animal description, fix tags

---
 .../static/fellchensammlung/css/styles.css             |  7 ++++++-
 .../fellchensammlung/partials/partial-animal-card.html | 10 ++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/fellchensammlung/static/fellchensammlung/css/styles.css b/src/fellchensammlung/static/fellchensammlung/css/styles.css
index aabb46c..f790ba6 100644
--- a/src/fellchensammlung/static/fellchensammlung/css/styles.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-animal-card.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-animal-card.html
index 8384615..4b8d11f 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-animal-card.html
+++ b/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>