diff --git a/frontend/components/Domain/Recipe/RecipePrintView.vue b/frontend/components/Domain/Recipe/RecipePrintView.vue index c3fcb47a2..f7033a353 100644 --- a/frontend/components/Domain/Recipe/RecipePrintView.vue +++ b/frontend/components/Domain/Recipe/RecipePrintView.vue @@ -98,7 +98,7 @@ @@ -322,10 +322,32 @@ li { } .nutrition-table { - width: 25%; + max-width: 80%; border-collapse: collapse; } +.nutrition-table th, +.nutrition-table td { + padding: 6px 10px; + text-align: left; + vertical-align: top; + font-size: 14px; +} + +.nutrition-table th { + font-weight: bold; + padding-bottom: 10px; +} + +.nutrition-table td:first-child { + width: 70%; + font-weight: bold; +} + +.nutrition-table td:last-child { + width: 30%; + text-align: right; +} .nutrition-table td { padding: 2px; text-align: left;