feat: add edit button to adoption notice

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

@@ -32,6 +32,10 @@ body {
     margin: 20px;
 }
 
+table {
+    width: 100%;
+}
+
 a {
     text-decoration: none;
     color: inherit;
@@ -57,7 +61,6 @@ th {
 }
 
 h1 {
-    padding-top: 10px;
     word-wrap: break-word;
     color: var(--text-one);
     text-shadow: 2px 2px var(--shadow-one);
@@ -143,6 +146,15 @@ h1 {
     font-weight: bold;
 }
 
+.btn2 {
+    background-color: var(--secondary-light-one);
+    color: var(--primary-dark-one);
+    padding: 8px;
+    border-radius: 4px;
+    border: none;
+    font-weight: bold;
+}
+
 .form-button, .link-button a:link, .link-button a:visited {
     background-color: #4ba3cd;
     color: white;
@@ -378,4 +390,14 @@ form {
 
 .form-group {
     margin: 30px;
+}
+
+.detail-adoption-notice-header h1 {
+    width: 50%;
+    display: inline-block;
+}
+
+.detail-adoption-notice-header a {
+    display: inline-block;
+    float: right;
 }

src/fellchensammlung/templates/fellchensammlung/details/detail_adoption_notice.html

@@ -3,8 +3,9 @@
 {% load i18n %}
 
 {% block content %}
-    <div class="detail-animal-adoption-header">
+    <div class="detail-adoption-notice-header">
-        <h1>{{ adoption_notice.name }}</h1>
+        <h1 class="detail-adoption-notice-header">{{ adoption_notice.name }}</h1>
+        <a class="btn2 detail-adoption-notice-header" href="{% url 'adoption-notice-edit' 1 %}/{{ adoption_notice.pk }}">{% translate 'Bearbeiten' %}</a>
     </div>
     <div class="table-adoption-notice-info">
         <table>