diff --git a/src/App/App.css b/src/App/App.css index 3ed4099b92ef823144ee0bfd2f45e79b6fe16c43..4c283a62eed5dfbe06ef3272774202fe4edb30fb 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -839,10 +839,10 @@ img .middle{ .img-round{ border-radius: 50%; - width: 100px; - height: 100px; - max-height: 12vh; - max-width: 12vh; + width: 120px; + height: 120px; + max-height: 13vh; + max-width: 13vh; object-fit: cover !important; } .img-cube{ diff --git a/src/App/Timelines.css b/src/App/Timelines.css index ce615cca05b9d0df248683a0a89394134e8b6a14..38f0fcc3c5f0be3564760cfd0dd155f55d27967c 100644 --- a/src/App/Timelines.css +++ b/src/App/Timelines.css @@ -402,9 +402,10 @@ z-index: 100; } .fillup { - flex: 1; /* Nimmt den verfügbaren Platz ein */ - height: auto; /* Passt die Höhe automatisch an den Inhalt an */ - overflow: hidden; + flex: 1; + display: flex; /* Flex-Layout aktivieren */ + align-items: center; /* Vertikale Zentrierung */ + justify-content: center; /* Horizontale Zentrierung */ } .timeline-item .row:first-child { @@ -418,17 +419,8 @@ z-index: 100; margin-top: auto; /* Schiebt die letzte Reihe nach unten */ } -.timeline-item { - background: rgba(255, 0, 0, 0.1); /* Leicht rötlicher Hintergrund für Debugging */ -} -.fillup { - border: 1px solid blue; /* Blauer Rahmen um die Reihen */ -} -.hpbuttonrow { - background: rgba(0, 255, 0, 0.1); /* Leicht grüner Hintergrund für Debugging */ -} .fillup-wrapper{ display: flex;