create and update meals

1 files changed, 34 insertions, 0 deletions

diff --git a/public/app.css b/public/app.css
index 927cdf2..5dc6c1f 100644
--- a/public/app.css
+++ b/public/app.css
@@ -53,6 +53,10 @@ h1 {
   cursor: pointer;
 }
 
+input[type=date], input[type=time] {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
 input, input[type=submit], button {
   border: 1px solid #888;
   color: black;
@@ -66,8 +70,38 @@ input, input[type=submit], button {
 input[type=submit], button {
   border-color: black;
   border-radius: 4px;
+  cursor: pointer;
 }
 
+form.create .clear {
+  display: none;
+}
+form.update .clear {
+  color: #888;
+  padding-left: 5px;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.desktop input[type=submit]:hover, button:hover {
+  color: white;
+  background: black;
+}
 .error {
   color: red;
 }
+
+.menu {
+  width: 100%;
+}
+.menu li {
+  list-style-type: none;
+  display: inline-block;
+  padding: 5px;
+}
+
+.meal div {
+  display: inline-block;
+  min-width: 100px;
+  padding: 5px;
+}