diff --git a/public/css/reviews.css b/public/css/reviews.css index 35992562555f630f934de0ed4a9da32fcbc8a929..8d6f288d9b5e4d7e15751e223eee13df95373a9c 100644 --- a/public/css/reviews.css +++ b/public/css/reviews.css @@ -157,5 +157,65 @@ input[type="radio"] { width: 100%; height: auto; display: flex; - } + } } + +@media screen and (max-width: 600px) { + .edit-review-container { + background: var(--clr-background-surface); + box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2); + padding: 0px; + } + + .review-details { + width: max-content; + margin-left: 0px; + margin-right: 0px; + } + + .review-upper-section { + display: flex; + } + + .film-poster-edit { + display: none; + } + + .star-label { + margin-right: 5px; + } + + .edit-star { + display: flex; + text-align: left; + margin-top: 40px; + margin-bottom: 10px; + } + + .review-radio { + margin-top: 8px; + } + + .stars-img { + margin-bottom: 4px; + } + + .edit-textarea { + height: 70vw; + width:90vw; + background-color: var(--clr-background-disabled); + border:none; + color: white; + padding: 20px; + } + + #save { + margin-right: 20px; + margin-bottom: 20px; + } + + #delete { + margin-right: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/src/views/reviews/edit.php b/src/views/reviews/edit.php index 60e1428ac03475578669e787213fd407f105fa49..7a24d5fadf9097d1ab63bc5de3a36fa85dfa472c 100644 --- a/src/views/reviews/edit.php +++ b/src/views/reviews/edit.php @@ -38,7 +38,7 @@ function showReview($review){ </form> <div class="btn-group"> <button type="button" class="btn-primary" id="save">Save</button> - <button type="button" class="btn-danger" id="save">Delete</button> + <button type="button" class="btn-danger" id="delete">Delete</button> <!-- <button src="/assets/app/edit.png" class="review-button">Edit</button> --> <!-- <button class="review-button">Delete</button> --> </div>