diff --git a/components/CookbookRecipes.js b/components/CookbookRecipes.js
index 3c6dcfc..7664219 100644
--- a/components/CookbookRecipes.js
+++ b/components/CookbookRecipes.js
@@ -25,13 +25,17 @@ export default {
template: `
- {{recipe.title}}
- {{recipe.description}}
- {{recipe.nature}}
-
- - {{log}}
-
- {{recipe.who}}
+ {{recipe.title}}
+ {{recipe.description}}
+ It works with {{recipe.nature}}
+
+
+ Steps:
+
+
+ - {{log}}
+
+ from {{recipe.who}}
`,
diff --git a/style.css b/style.css
index f4eb187..59f00f5 100644
--- a/style.css
+++ b/style.css
@@ -108,3 +108,26 @@ label {
cursor: pointer;
user-select: none;
}
+
+.cookbook .recipe .title {
+ margin: 0;
+}
+
+.cookbook .recipe .description {
+ font-style: italic;
+ margin-top: 4px;
+}
+
+.cookbook .recipe .label {
+ margin-top: 24px;
+}
+
+.cookbook .recipe .from {
+ margin: 0;
+ margin-top: 32px;
+ text-align: right;
+}
+
+.nature {
+ text-transform: lowercase;
+}