From a05cd70cb29a19221a3ff2b0ceb829e540f3ea43 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 1 Feb 2021 20:35:25 +0100
Subject: [PATCH] add styling for the form

---
 vue-cli-01-a-new-vue-project/src/App.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/vue-cli-01-a-new-vue-project/src/App.vue b/vue-cli-01-a-new-vue-project/src/App.vue
index 6863865..2f5928f 100644
--- a/vue-cli-01-a-new-vue-project/src/App.vue
+++ b/vue-cli-01-a-new-vue-project/src/App.vue
@@ -82,7 +82,8 @@ header {
     list-style: none;
 }
 
-#app li {
+#app li,
+#app form {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
     margin: 1rem auto;
     border-radius: 10px;
@@ -115,4 +116,17 @@ header {
     border-color: #ec3169;
     box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26);
 }
+#app input {
+    font: inherit;
+    padding: 0.15rem;
+}
+#app label {
+    font-weight: bold;
+    margin-right: 1rem;
+    width: 7rem;
+    display: inline-block;
+}
+#app form div {
+    margin: 1rem 0;
+}
 </style>