web client v0.10 (restaurant view)

src/styles/DishList.scss

@@ -8,12 +8,9 @@ h4 {
 
 .carddish-container {
   background-color: #303030;
-  border-radius: 10px;
-  margin-right: auto;
-  margin-left: auto;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  padding: 20px;
+  border-radius: 6px;
+  margin: 2px auto 2px auto;
+  padding: 8px;
   display: flex;
   justify-content: space-between;
   width: 95%;
@@ -33,20 +30,34 @@ h4 {
 .carddish-img {
   background-color: $secondary-color;
   background-size: cover;
-  width: 150px;
-  height: 150px;
-  border-radius: 10px;
-  margin: 0px 20px 0px 0px;
+  width: 120px;
+  height: 120px;
+  border-radius: 6px;
+  margin: 0px 14px 0px 0px;
 }
 
 .carddish-left {
   display: flex;
+  h2 {
+    font-size: 1.2rem;
+    margin: auto;
+  }
+  p {
+    margin-left: auto;
+  }
+}
+
+.carddish-left-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .carddish-right {
   h5 {
     font-weight: 500;
-    font-size: 1.2rem;
+    font-size: 1rem;
     margin-top: 1rem;
+    margin-right: 1rem;
   }
 }

src/styles/Pictograms.scss

@@ -1,6 +1,6 @@
 .pictograms-container {
   height: 30px;
-  margin: 8px 8px 8px 0px;
+  margin: 8px 8px 0px 0px;
 }
 
 .pictograms-container-separated {
@@ -21,12 +21,12 @@
   align-items: center;
   border-radius: 25px;
   font-size: 0.8rem;
-  padding: 4px;
-  margin: 8px;
+  padding: 2px;
+  margin: 4px;
   h4 {
-    margin: 8px;
+    margin: 8px 4px 8px 8px;
   }
   .pictogram {
-    margin: 8px;
+    margin: 8px 8px 8px 4px;
   }
 }

src/styles/Restaurant.scss

@@ -43,7 +43,6 @@
   width: 100%;
   display: flex;
   padding: 4px;
-  margin-top: 20px;
   border-radius: 50px;
   .pictograms-container {
     margin: 8px;
@@ -51,7 +50,7 @@
 }
 
 .restaurant-dishes {
-  min-width: 60%;
+  min-width: 80%;
   h3 {
     font-size: 1.2rem;
     font-weight: 400;
@@ -59,8 +58,6 @@
 }
 
 .restaurant-content {
-  padding-top: 10rem;
-  padding-bottom: 10rem;
   width: 100%;
   display: flex;
   justify-content: center;
@@ -70,12 +67,11 @@
 .restaurant-info {
   text-align: center;
   background-color: #1d1d1d;
-  box-shadow: -2px 10px 20px rgba(0, 0, 0, 0.212);
   p {
     font-size: 0.9rem;
     font-weight: 300;
-    margin-top: 8px;
-    margin-bottom: 8px;
+    margin-top: 4px;
+    margin-bottom: 4px;
   }
   hr {
     border: 1px solid $dark-gray;

src/styles/SearchResults.scss

@@ -1,9 +1,14 @@
 @import "./Design.scss";
 
+.search-results {
+  min-width: 60%;
+  max-width: 90%;
+}
+
 .card-restaurant {
   border-radius: 15px;
-  padding: 10px;
-  margin: 20px 0px 20px 0px;
+  padding: 4px;
+  margin: 10px 0px 10px 0px;
   background-color: #202020;
   color: $secondary-color;
   max-width: 70vw;