From da606cc7816cc2dc2bacc5691315009b4e79642b Mon Sep 17 00:00:00 2001
From: Clemens Beese <clemensbeese@dhcp-10-22-169-206.wlan.ntnu.no>
Date: Thu, 17 Sep 2026 15:23:57 +0200
Subject: [PATCH] =?UTF-8?q?gjort=20cards=20st=C3=B8rre=20n=C3=A5r=20du=20t?=
 =?UTF-8?q?rykker=20p=C3=A5=20mindre=20enhet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MovieCard.tsx    |  2 +-
 src/components/MovieDetails.css | 27 +++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/MovieCard.tsx b/src/components/MovieCard.tsx
index fd31064..bd2bea9 100644
--- a/src/components/MovieCard.tsx
+++ b/src/components/MovieCard.tsx
@@ -56,7 +56,7 @@ function MovieCard({
       />
 
       <span className="movie-card__rating">
-        ★ {movie.vote_average.toFixed(1)}
+        ★ {(movie.vote_average??0).toFixed(1)}
       </span>
       <img className="movie-card__poster" src={path} alt={movie.title} />
 
diff --git a/src/components/MovieDetails.css b/src/components/MovieDetails.css
index 74a3761..34cf23e 100644
--- a/src/components/MovieDetails.css
+++ b/src/components/MovieDetails.css
@@ -84,3 +84,30 @@
   height: 2rem;
   cursor: pointer;
 }
+
+/* Legger til litt css for å gjøre details litt større npår du trykker innpå på telefon. Som det står nå tar 
+det er bestemt prosent når du åpner, jeg vil gjøre den større, MEN bare på telenfon*/
+
+@media (max-width:700px) {
+  .details-overlay {
+    align-items: flex-end
+  }
+
+  .details-card {
+    width: calc(100% - 1.5rem);
+    max-width: none;
+    height: 92dvh;
+    margin-bottom: 0.75rem;
+  }
+  
+  .details-backdrop {
+    height: 180px
+  }
+
+  .details-close
+  .details-favorite {
+    width: 2.75rem;
+    height: 2.75rem;
+  }
+}
+