From 1c7e8a1f785171903b2a950a1df29427a74a3b20 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Thu, 14 Nov 2024 16:53:14 +0100
Subject: [PATCH] collapsibles gefixt

---
 src/App/App.css            | 95 ++++++++++++++++++++------------------
 src/components/Buttons.tsx |  2 +-
 2 files changed, 50 insertions(+), 47 deletions(-)

diff --git a/src/App/App.css b/src/App/App.css
index 3648ce54..85a140a6 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -68,7 +68,8 @@
     --small-padding: 10px; 
     --button-padding: 5px; 
     --border-radius: 10px; 
-
+    --thin-border: 1px; 
+    --thick-border: 5px; 
 }
 html{
   scroll-behavior: smooth;
@@ -628,42 +629,6 @@ footer a:hover {
 
 
 
-/* * * * * * * * */
-/*VILLAGE BUTTONS*/
-/* * * * * * * * */
-.bottom-buttons{
-  margin-top: 50px !important; 
-  margin-bottom: 20px;
-  padding-left: 30px;
-}
-.normal-buttons{
-  margin-top: 10px !important; 
-  margin-bottom: 20px;
-  padding-left: 30px;
-}
-.village-style-button{
-  flex: 1 0 0%;
-  box-shadow: 5px 5px 15px gray !important;
-  border-radius: 2rem !important;
-  padding: 0 !important;
-  max-width: 12% !important;
-  aspect-ratio: 2 / 3 !important; 
-  margin: auto; 
-}
-.village-style-button:hover{
-  box-shadow: 5px 5px 15px var(--offblack) !important;
-}
-.village-style-button h3{
-  text-align: center !important;
-  font-size: 10px;
-  font-weight: bold;
-  color: var(--offblack);
-}
-.village-style-button img{
-  max-width: 70% !important;
-  max-height: 70% !important;
-  padding-top: 20px !important;
-}
 
 /* * * * * * * * * */
 /* * *  IMAGES * * */
@@ -1121,7 +1086,13 @@ svg{
   width: 100%;
   
 }
-
+.collapse-card .btn {
+  margin-right: var(--simple-margin);
+}
+.collapse-card h6 {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
 
 /*boxes*/
 .hint-container {
@@ -2612,14 +2583,6 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
   max-width: 100% !important;
 }
 
-.tabbutton{
-  padding: 5px;
-  border-radius: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  margin-left: 5px;
-  margin-right: 5px;
-}
 
 .blockquote-wrapper {
   display: flex;
@@ -3133,6 +3096,10 @@ button {
   transform: scale(0.1, 1);
 }
 
+.tabbutton{
+  margin-left: 5px;
+  margin-right: 5px;
+}
 
 .backtotop {
   place-self: end; 
@@ -3157,6 +3124,42 @@ button {
   cursor: pointer;
 }
 
+/* * * * * * * * */
+/*VILLAGE BUTTONS*/
+/* * * * * * * * */
+.bottom-buttons{
+  margin-top: 50px !important; 
+  margin-bottom: 20px;
+  padding-left: 30px;
+}
+.normal-buttons{
+  margin-top: 10px !important; 
+  margin-bottom: 20px;
+  padding-left: 30px;
+}
+.village-style-button{
+  flex: 1 0 0%;
+  box-shadow: 5px 5px 15px gray !important;
+  border-radius: 2rem !important;
+  padding: 0 !important;
+  max-width: 12% !important;
+  aspect-ratio: 2 / 3 !important; 
+  margin: auto; 
+}
+.village-style-button:hover{
+  box-shadow: 5px 5px 15px var(--offblack) !important;
+}
+.village-style-button h3{
+  text-align: center !important;
+  font-size: 10px;
+  font-weight: bold;
+  color: var(--offblack);
+}
+.village-style-button img{
+  max-width: 70% !important;
+  max-height: 70% !important;
+  padding-top: 20px !important;
+}
 /* 
 =======================================================
 */
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index f9f03103..14ff58e1 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -136,7 +136,7 @@ export function TabButton({classy, name, closing, opentype, type}:TabButtonProps
   if (!classy){
     classy = ""
   }
-  let classname = "tabbutton " + type + " " + classy; 
+  let classname = "btn1 tabbutton " + type + " " + classy; 
   return(
     <>
     <button className={classname} onClick={openElement({elementToOpen: type, classToHide: opentype, classToClose: closing, buttonClass: "tabbutton" })}> {name}</button>
-- 
GitLab