display multiple prices / visual changes

src/components/Output/Restaurant.js

@@ -59,6 +59,10 @@ export default function Restaurant(props) {
             />
           )}
           <WorkingHours hours={restaurant.workingHours} />
+          {restaurant.lunchHours && <h5>Lunch menu</h5>}
+          {restaurant.lunchHours && (
+            <p style={{ color: "#bbbbbb", fontWeight: 400 }}>{restaurant.lunchHours}</p>
+          )}
           <hr />
           <h5>Lokalizacja</h5>
           {restaurant.location && (
@@ -68,9 +72,6 @@ export default function Restaurant(props) {
       </div>
       <div className="restaurant-content">
         <div className="restaurant-dishes">
-          {restaurant.lunchHours && (
-            <h3>Lunch menu ({restaurant.lunchHours})</h3>
-          )}
           {!showDishList && <CircularProgress />}
           {(showDishList && restaurant.lunchMenu) && <LunchMenu restaurant={restaurant} />}
           <h3>Menu</h3>