redesign / fixes

src/styles/DishList.scss

@@ -13,7 +13,6 @@ h4 {
   width: 95%;
   cursor: pointer;
   transition: all 0.2s;
-
   h2 {
     font-weight: 500;
     color: $main-color;
@@ -28,10 +27,20 @@ h4 {
   background-color: $secondary-color;
   background-size: cover;
   background-position: center;
-  width: 120px;
-  height: 120px;
+  width: 100px;
+  height: 100px;
   border-radius: 20px;
-  margin: 0px 14px 0px 0px;
+  margin: 0px 12px 0px 0px;
+}
+
+.lunch-carddish-img {
+  background-color: $secondary-color;
+  background-size: cover;
+  background-position: center;
+  width: 60px;
+  height: 60px;
+  border-radius: 14px;
+  margin: 0px 12px 0px 0px;
 }
 
 .carddish-left {
@@ -42,11 +51,14 @@ h4 {
     margin: auto;
   }
   p {
-    font-size: 14px;
+    font-size: 12px;
     font-weight: 400;
     margin-left: auto;
     color: #c9c9c9;
   }
+  h3{
+    margin: auto 12px auto 12px;
+  }
 }
 
 .carddish-left-info {
@@ -76,6 +88,14 @@ h4 {
   }
 }
 
+.lunch-carddish-right{
+  display: flex;
+  flex-direction: column;
+  margin-right: 5px;
+  align-items: flex-end;
+  justify-content: center;
+}
+
 .carddish-prices-multi {
   margin-right: 6px;
   margin-top: 6px;