diff --git a/public/css/films.css b/public/css/films.css index 66f4c2fd4f82ee1583b77192ea1c1fdda45835a1..6f8456a2d60b3ac5dff89088d2dbd463aeda9157 100644 --- a/public/css/films.css +++ b/public/css/films.css @@ -49,7 +49,6 @@ height: auto; min-width: 180px; min-height: 240px; - margin-top: 30px; } .film-poster-col button { @@ -152,4 +151,18 @@ width: 80vw; height: auto; max-width: 500px; -} \ No newline at end of file +} + +@media screen and (max-width: 600px) { + .film-page-container { + flex-direction: column; + } + + .film-poster-col { + width: 100%; + } + + .film-details-col { + width: 100%; + } +} diff --git a/public/css/global.css b/public/css/global.css index 6600a2d63deb9110b53f6f569e96660759b0b0b0..7b0bbc74d2bd63e52863d6b22fc18ef7c85bb8e3 100644 --- a/public/css/global.css +++ b/public/css/global.css @@ -502,6 +502,10 @@ a { display: grid; } +.no-gap { + gap: 0; +} + .form-logo { width: 250px; } diff --git a/src/views/films/show.php b/src/views/films/show.php index 696121a35f6b86afa86414b3cc8d44b0617b5ad6..931848d5fed01ec18d88a793f1560243e60493b4 100644 --- a/src/views/films/show.php +++ b/src/views/films/show.php @@ -53,7 +53,7 @@ function createReviewModal($filmId) { <label class="form-error" id="rating-form-error"></label> </div> <div class="form-group"> - <label for="">Review</label> + <label for="review">Review</label> <textarea id="review" name="review" rows="8"></textarea> <label class="form-error" id="review-form-error"></label> </div> @@ -85,7 +85,7 @@ function reviewList($reviews){ $html = <<<"EOT" <div class="review-container"> <div class="profile-picture"> - <img src="$profilePicturePath"> + <img src="$profilePicturePath" alt="$name"> </div> <div class="review-details"> <h6> diff --git a/src/views/films/update.php b/src/views/films/update.php index 7f23d6486030a5bd150e5e1f01790191ec7662f5..e18fe8071046e8815d2620371055bfa04d77af8d 100644 --- a/src/views/films/update.php +++ b/src/views/films/update.php @@ -122,7 +122,7 @@ function filmUpdateForm($data){ return $html; } ?> -<div class="base-container display-grid"> +<div class="base-container display-grid no-gap"> <h5 class="section-title"><?php echo isset($data['film']) ? 'Edit Film' : 'New Film'; ?></h5> <div class="film-page-container"> <?php echo filmUpdateForm($data); ?>