new look / search list / restaurant view

src/styles/Restaurant.scss

@@ -0,0 +1,36 @@
+.restaurant-container {
+  min-width: 100vw;
+  height: 100%;
+  h1 {
+    font-weight: 100;
+    font-size: 3rem;
+    margin: 16px;
+    margin-bottom: 4px;
+  }
+  p {
+    margin: 6px;
+    color: $secondary-color;
+  }
+  hr {
+    border: solid 1px $main-color;
+  }
+}
+
+.restaurant-hero {
+  width: 100%;
+  height: 400px;
+  background-size: cover;
+  display: flex;
+  align-items: flex-end;
+}
+
+.restaurant-pictograms {
+  background-color: white;
+  width: fit-content;
+  padding: 4px;
+  margin: 20px;
+  border-radius: 50px;
+  .pictograms-container {
+    margin: 8px;
+  }
+}

src/styles/SearchResults.scss

@@ -4,23 +4,27 @@
 }
 
 .card-restaurant {
+  border: solid 1px rgb(224, 224, 224);
+  border-radius: 25px;
   margin: 20px 0px 20px 0px;
   color: $secondary-color;
-  min-width: 70vw;
+  max-width: 70vw;
   min-height: 200px;
   display: flex;
   cursor: pointer;
+  transition: all 0.25s;
   &:hover {
-    color: $main-color;
+    background-color: #fcfcfc;
+    border-color: rgba(241, 177, 38, 0.87);
   }
 }
 
 .card-img {
-  width: 180px;
+  min-width: 180px;
   height: 180px;
   margin: 10px;
-  border-radius: 100px;
-  background-image: url("../public/cat.jpg");
+  border-radius: 18px;
+  //border-radius: 100px;
   background-size: cover;
 }
 
@@ -51,7 +55,7 @@
 }
 
 .card-pictograms {
-  margin-bottom: 4px;
+  margin-bottom: 0px;
 }
 
 .results-count {