receptty.org/sass/_tables.scss

table {
	clear: both;

	thead {
		display: flex;
		flex-direction: column;

		th {
			width: 100%;
			padding: 0 .5em .5em .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%;
			display: flex;
			justify-content: space-between;
		}

		td {
			padding: .65em .8em;
		}

		td:nth-child(2) { text-align: right }
	}
}