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;
   }
 }