From cc2fa4a19602afb528bbd4e39be7674b0b318049 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 27 Sep 2024 10:29:59 +0200
Subject: [PATCH] steckbrief fix
---
src/App/App.css | 7 ++++++-
src/contents/team.tsx | 4 ++--
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 66b71541..33cfbac9 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3916,4 +3916,9 @@ height: min-content !important;
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));
width: 100% !important;
-}
\ No newline at end of file
+}
+
+.steckbrief .col-2, .steckbriefbuttonrow .col-2{
+ margin: 10px 15px ;
+}
+
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 7c4b1698..87ed6412 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -131,7 +131,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
<div className="col-4 brieffacts">
<br/><br/> {funfactlist} {facts}
</div>
- </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div> </div>
+ </div> <div className="row steckbriefbuttonrow" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div> </div>
</div>
let whole = <div className={"steckbrief-box"} id={thename}> {hole} </div>;
briefe.push(whole);
@@ -226,7 +226,7 @@ function createPiSteckbriefe(data: Array<SteckbriefInterface>){
<div className="col-4 brieffacts">
<br/><br/> {funfactlist} {facts}
</div>
- </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div> </div>
+ </div> <div className="row steckbriefbuttonrow" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div> <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div> </div>
</div>
let whole = <div className={"steckbrief-box"} id={thename}> {hole} </div>;
briefe.push(whole);
--
GitLab