diff --git a/README.md b/README.md
index 6ec9aa9..0d99644 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
# SI18.5 - Diffractive Coockbook
-Eheh
+Sharing recipes and methods to read in a diffractive way
diff --git a/client/app.js b/client/app.js
deleted file mode 100644
index e69de29..0000000
diff --git a/client/components/CookbookForm.js b/client/components/CookbookForm.js
index 72000a4..4d72002 100644
--- a/client/components/CookbookForm.js
+++ b/client/components/CookbookForm.js
@@ -40,7 +40,7 @@ export default {
-
+
`,
};
diff --git a/client/style.css b/client/style.css
index d5cbb09..a72ad86 100644
--- a/client/style.css
+++ b/client/style.css
@@ -7,15 +7,19 @@ body {
font-size: 24px;
line-height: 1.6;
font-family: sans-serif;
+ background-color: #e6b0aa;
+}
+
+#app {
+ width: 100%;
}
section.recipe {
- display: inline-block;
- margin: 0 auto;
+ display: block;
+ margin: 48px auto;
padding: 32px;
width: 50ch;
border-radius: 0.5rem;
- background: linear-gradient(300deg, rgba(242, 173, 131, 1) 0%, rgba(207, 143, 73, 1) 100%);
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1);
}
@@ -39,11 +43,13 @@ button {
}
button.add {
- display: inline-block;
+ display: block;
width: 48px;
height: 48px;
+ margin: 0 auto;
margin-top: 16px;
cursor: pointer;
+ border-radius: 50%;
}
textarea + textarea {