diff --git a/frontend/src/components/header/Header.css b/frontend/src/components/header/Header.css index 6142bbb..1d65b58 100644 --- a/frontend/src/components/header/Header.css +++ b/frontend/src/components/header/Header.css @@ -86,16 +86,20 @@ button:hover { flex-direction: column; padding: 10px; } + img { width: 100%; flex-direction: column; } - .card-style { - margin: 20px; + .card-movie { width: 100%; - flex-direction: column; - padding: 10px; + margin: 10px 0; + + } + + .card-style { + margin: 10px; /* Reduzierung der Margin */ } @@ -128,4 +132,15 @@ button:hover { margin-right: auto; border: none; } +} + +@media screen and (max-width: 1024px) { + .card-body { + font-size: 14px; /* Kleinere Schriftgröße */ + } + + .btn-bearbeiten-löschen { + padding: 5px 10px; /* Kleinere Buttons */ + font-size: 12px; + } } \ No newline at end of file diff --git a/frontend/src/components/movieListDeleteUpdate/MovieList.tsx b/frontend/src/components/movieListDeleteUpdate/MovieList.tsx index 39d84e2..dc73150 100644 --- a/frontend/src/components/movieListDeleteUpdate/MovieList.tsx +++ b/frontend/src/components/movieListDeleteUpdate/MovieList.tsx @@ -42,7 +42,6 @@ const MovieList: React.FC = () => { const handleUpdateFailure = () => { console.error("Fehler beim Aktualisieren des Films:", error); - // Fehlerbehandlung hier }; return (