diff --git a/src/fellchensammlung/static/fellchensammlung/css/styles.css b/src/fellchensammlung/static/fellchensammlung/css/styles.css
index ba58500..12fda08 100644
--- a/src/fellchensammlung/static/fellchensammlung/css/styles.css
+++ b/src/fellchensammlung/static/fellchensammlung/css/styles.css
@@ -49,6 +49,7 @@ table {
background-color: var(--secondary-light-one);
word-break: break-word;
}
+
@media screen and (max-width: 500px) {
table {
font-size: small;
@@ -86,7 +87,6 @@ h1, h2 {
}
-
.nav-link {
color: var(--text-one);
text-align: center;
@@ -142,12 +142,12 @@ h1, h2 {
color: var(--highlight-one-text);
button {
- width: 100%;
- padding: 10px;
- border: none;
- border-radius: 4px;
- opacity: 1;
- background-color: var(--secondary-light-one);
+ width: 100%;
+ padding: 10px;
+ border: none;
+ border-radius: 4px;
+ opacity: 1;
+ background-color: var(--secondary-light-one);
}
}
@@ -201,6 +201,7 @@ h1, h2 {
.container-edit-buttons {
display: flex;
flex-wrap: wrap;
+
.btn {
margin: 5px;
}
@@ -517,4 +518,31 @@ textarea {
.info {
border: rgba(17, 58, 224, 0.51) 4px solid;
+}
+
+.container-dropdown {
+ position: relative;
+ display: inline-block;
+}
+
+.dropdown-content {
+ display: none;
+ position: absolute;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ z-index: 1;
+}
+
+.container-dropdown:hover .dropdown-content {
+ display: block;
+}
+
+
+.dropbtn {
+ background-color: #f1f1f1;
+ color: black;
+ padding: 10px 20px;
+ font-size: 16px;
+ border: none;
+ cursor: pointer;
}
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/header.html b/src/fellchensammlung/templates/fellchensammlung/header.html
index f066eb2..8b847ca 100644
--- a/src/fellchensammlung/templates/fellchensammlung/header.html
+++ b/src/fellchensammlung/templates/fellchensammlung/header.html
@@ -8,7 +8,8 @@