redesign and fixes

src/components/Output/CardRestaurant.js

@@ -2,6 +2,9 @@ import React from "react";
 import Pictograms from "./Pictograms";
 import { useHistory } from "react-router-dom";
 import { getTodayHours } from "../../Services.js";
+import AccessTimeIcon from '@material-ui/icons/AccessTime';
+import LocationCityIcon from '@material-ui/icons/LocationCity';
+import GradeIcon from '@material-ui/icons/Grade';
 
 function extractTags(tags) {
   var results = [];
@@ -29,10 +32,22 @@ export default function CardRestaurant(props) {
       ></div>
       <div className="card-info">
         <div className="title-info">
-          <h1>{props.name}</h1>
+          <div className="card-info-line-top">
+            <h1>{props.name}</h1>
+            <div className="card-info-line">
+              <GradeIcon fontSize="medium"/>
+              <h3>brak ocen</h3>
+            </div>
+          </div>
           <hr />
-          <h3>Miasto: {props.city}</h3>
-          <h3>Dziś otwarte: {getTodayHours(props.hours)}</h3>
+          <div className="card-info-line">
+            <LocationCityIcon color="primary" fontSize="small"/>
+            <h3>{props.city}</h3>
+          </div>
+          <div className="card-info-line">
+            <AccessTimeIcon color="primary" fontSize="small"/>
+            <h3>{getTodayHours(props.hours)}</h3>
+          </div>
         </div>
         <div className="card-description">
           <p>{props.description}</p>