Nová struktura tabulek s ingrediencemi

sass/_tables.scss

@@ -1,25 +1,39 @@
 table {
-	border: 1px solid $border;
+	clear: both;
-	border-radius:3px;
-	background:$secondary;
-	padding:0;
-	clear:both;
 
 	thead {
+		display: flex;
+		flex-direction: column;
 
 		th {
-			padding:1em;
+			width: 100%;
-			border-bottom:1px dashed $border;
+			padding: .5em;
+			font-size: 1.5em;
+		}
+
+		th:nth-child(2) {
+			padding: 0;
 		}
 	}
 	
 	tbody {
+		display: flex;
+		flex-direction: column;
+		background-color: $secondary;
+		border: 1px solid $border;
+		border-radius: .25rem;
+		padding: 1em .7em;
 
 		tr {
-
+			width: 100%;
-			td {
+			display: flex;
-				padding:.5em .8em;
+			justify-content: space-between;
-			}
 		}
+
+		td {
+			padding: .65em .8em;
+		}
+
+		td:nth-child(2) { text-align: right }
 	}
 }