From 8968c621a6d5417cf1fcc3d7b2b0cb259c017326 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 18 Sep 2024 16:13:06 +0200
Subject: [PATCH] ink to Impressum Page isn't alligned with the contact
information below
---
src/App/App.css | 14 ++++++++++++-
src/components/Footer.tsx | 41 ++++++++++++++++++++++-----------------
2 files changed, 36 insertions(+), 19 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 44db3cf6..d9bf4cd8 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -608,7 +608,7 @@ img .middle{
width: min-content;
}
.socials{
- height: 1.5rem;
+ height: 2rem;
width: auto;
margin: 0.5rem;
}
@@ -3543,4 +3543,16 @@ a{
.detail-sideitem .sideitem .sidesubtab .sideitem{
color: white ;
+}
+
+.grid{
+ display: grid;
+}
+
+.flex{
+ display: flex;
+}
+
+#impressum{
+ font-size: x-large ;
}
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index ddb65d69..cf873282 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -10,24 +10,29 @@ export function Footer() {
return (
<footer className="pt-5 pb-5 footer py-5 mt-5 bg-d text-white">
<div className="container">
- <div className="col zweirem" style={{}}>
- <span className="left no-pad no-marg">
- <a href="../bielefeld-cebitec/impressum" className="middle">Impressum</a>
- </span>
- <span className="right align-items-center" style={{display: "flex"}}>
- <a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
- <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
- </a>
- <a href="https://www.instagram.com/igem.bielefeld/">
- <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
- </a>
- <a href="http://www.youtube.com/@iGemBielefeld2024">
- <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
- </a>
- <a href="https://x.com/iGEM_Bielefeld">
- <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
- </a>
- </span>
+ <div className="small-row align-items-center" style={{}}>
+ <div className="col grid">
+ <span className="left no-pad no-marg">
+ <a href="../bielefeld-cebitec/impressum" id="impressum" className="middle">Impressum</a>
+ </span>
+ </div>
+ <div className="col ">
+ <span className="right " style={{display: "flex"}}>
+ <a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
+ <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
+ </a>
+ <a href="https://www.instagram.com/igem.bielefeld/">
+ <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
+ </a>
+ <a href="http://www.youtube.com/@iGemBielefeld2024">
+ <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
+ </a>
+ <a href="https://x.com/iGEM_Bielefeld">
+ <img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
+ </a>
+ </span>
+ </div>
+
</div>
<hr/>
<div className="small-row align-items-center">
--
GitLab