feat: Improve and simplify styles

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

@@ -37,10 +37,6 @@ a {
     color: inherit;
 }
 
-.col-sm-2 {
-    padding-left: 0px;
-}
-
 table {
     border: none;
     border-collapse: collapse;
@@ -290,46 +286,14 @@ h1 {
     background: #F8ECD7;
 }
 
-.container-list-rules {
+
+
+.container-cards {
     display: flex;
     flex-wrap: wrap;
 }
 
 
-.card-rule {
-    width: 25%;
-    margin: 10px;
-    margin-bottom: 20px;
-
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    padding: 2%;
-    box-sizing: border-box;
-}
-
-.container-list-moderation-actions {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-
-.card-moderation-action {
-    width: 25%;
-    margin: 10px;
-    margin-bottom: 20px;
-
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    padding: 2%;
-    box-sizing: border-box;
-}
-
-@media (max-width: 920px) {
-    .card-rule {
-        width: 100%;
-    }
-}
-
 .photos {
     display: flex;
     flex-wrap: wrap;
@@ -345,16 +309,10 @@ h1 {
     border-radius: 10%;
 }
 
-.adoption-notices {
-    display: flex;
-    flex-wrap: wrap;
-    list-style-type: none;
-}
-
 .card {
     flex: 1 16%;
     margin: 10px;
-    border-radius: 3%;
+    border-radius: 8px;
     padding: 5px;
     background: var(--background-three);
     color: var(--text-two);
@@ -381,12 +339,6 @@ h1 {
     margin-top: 10px;
 }
 
-.animals {
-    display: flex;
-    flex-wrap: wrap;
-    list-style-type: none;
-}
-
 
 @media (max-width: 920px) {
     .card {

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

@@ -30,7 +30,7 @@
         {% endif %}
     </p>
 
-    <div class="animals">
+    <div class="container-cards">
         {% for animal in adoption_notice.animals %}
             {% include "fellchensammlung/partials/partial-animal-card.html" %}
         {% endfor %}

src/fellchensammlung/templates/fellchensammlung/lists/list-adoption-notices.html

@@ -1,4 +1,4 @@
-<div class="adoption-notices">
+<div class="container-cards">
     {% for adoption_notice in adoption_notices %}
         {% include "fellchensammlung/partials/partial-adoption-notice.html" %}
     {% endfor %}

src/fellchensammlung/templates/fellchensammlung/lists/list-moderation-action.html

@@ -1,4 +1,4 @@
-<div class="container-list-moderation-actions">
+<div class="container-cards">
 {% for moderation_action in moderation_actions %}
     {% include "fellchensammlung/partials/partial-moderation-action.html" %}
 {% endfor %}

src/fellchensammlung/templates/fellchensammlung/lists/list-rules.html

@@ -1,4 +1,4 @@
-<div class="container-list-rules">
+<div class="container-cards">
 {% for rule in rules %}
     {% include "fellchensammlung/partials/partial-rule.html" %}
 {% endfor %}

src/fellchensammlung/templates/fellchensammlung/partials/partial-rule.html

@@ -1,5 +1,5 @@
 {% load custom_tags %}
-<div class="card-rule">
+<div class="card">
     <h2>{{ rule.title }}</h2>
     <p>{{ rule.rule_text | render_markdown }}</p>
 </div>