RE-STYLING RATINGS

 WE ADD STYLING TO RATINGS 

WE DISPLAY THE RATINGS AS STARS.USING GITHUB https://github.com/LunarLogic/starability/tree/master  

A RATING.CSS FILE IS CREATED , THE RAW FILE IS COPIED IN IT. IN THE BOILERPLATE.EJS     <link href="/css/rating.css" rel="stylesheet">

IN SHOW.EJS

<div class="col-8 offset-2 mb-2 mt-3">

          <label for="rating" class="form-label">Rating</label>

          <fieldset class="starability-slot">

            <input

              type="radio"

              id="no-rate"

              class="input-no-rate"

              name="review[rating]"

              value="1"

              checked

              aria-label="No rating."

            />

            <input type="radio" id="first-rate1" name="review[rating]" value="1" />

            <label for="first-rate1" title="Terrible">1 star</label>

            <input type="radio" id="first-rate2" name="review[rating]" value="2" />

            <label for="first-rate2" title="Not good">2 stars</label>

            <input type="radio" id="first-rate3" name="review[rating]" value="3" />

            <label for="first-rate3" title="Average">3 stars</label>

            <input type="radio" id="first-rate4" name="review[rating]" value="4" />

            <label for="first-rate4" title="Very good">4 stars</label>

            <input type="radio" id="first-rate5" name="review[rating]" value="5" />

            <label for="first-rate5" title="Amazing">5 stars</label>

          </fieldset>

        </div>