From d8e486c61b3d98dc28b5a30a7be6cfc31a47bf14 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 18 Sep 2024 12:08:27 +0200
Subject: [PATCH] The sponsers area overlaps slightly with the links to the
past wikis when a sponsor moves in
---
src/App/App.css | 4 ++++
src/components/Footer.tsx | 6 +++---
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index d278a39d..79e5a20d 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3520,4 +3520,8 @@ a{
.hti-abstand{
width: 20px;
+}
+
+.footer-slider .slider-container .slick-slider .slick-initialized .slick-list .slick-track{
+ width: 900px !important;
}
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 740c176d..ddb65d69 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -42,7 +42,7 @@ export function Footer() {
<h6 className="alink">Spornsors and partners</h6>
</a>
</div>
- <div className="small-none col">
+ <div className="small-none col" style={{paddingLeft: "20px"}}>
<h6>Former iGem Bielefeld teams</h6>
</div>
</div>
@@ -62,7 +62,7 @@ export function Footer() {
</div>
</div>
<div className="small-only col-4"></div>
- <div className="col-4">
+ <div className="col-4 footer-slider">
<SimpleSlider>
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
@@ -99,7 +99,7 @@ export function Footer() {
</a>
</SimpleSlider>
</div>
- <div className="small-none col-4">
+ <div className="small-none col-4" style={{paddingLeft: "30px"}}>
<div className=" small-row align-items-center">
<div className="col">
--
GitLab