search

marinafink / noshcuisine

Nosh Cuisine is a semester project by Marina Fink which includes an interactive website where users can create a profile, search for recipes and upload their own recipes.
1 stars 0 forks source link

Recipe detail view heart button is in the wrong place #25

Open marinafink opened 1 year ago

marinafink commented 1 year ago

Description: On the recipe detail page (recipe_detailview.php), the heart icon for adding the recipe to favorites has moved to the right side. The white background of the icon is still in the right place, but the heart-icon itself slides to the bottom right.

Steps to Reproduce:

  1. Visit https://mars.iuk.hdm-stuttgart.de/~mf177/index.php (username: mf177, password: M5fFm67#ar)
  2. Click on the very first recipe of the index page and look at the recipe_detailview.php

Expected Result: There should be a heart icon just below the star ratings on the right side (to the right of the recipe image).

Actual Result: There is just a white box under the star ratings. The heart icon has moved down to the right.

Image

Configuration:

marinafink commented 1 year ago

The heart icon was misaligned by the style "position: absolute" of the class "favorites". This could be fixed by changing the style to "position: static" at this point.