From 304336a4a2e02d136280c78c87ae73c5dea1df0b Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Tue, 29 Sep 2020 01:25:27 -0400
Subject: [PATCH] calorie entry / save on same line

---
 public/css/styles.css |  6 ++++++
 public/index.html     | 14 ++++----------
 public/js/index.js    |  3 +--
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index d121625..0ecd5ef 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -27,3 +27,9 @@
 .collection-item:hover {background: #EEE}
 
 .datepicker-day-button {color: #000}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
diff --git a/public/index.html b/public/index.html
index c869d1a..fff7fa0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -58,14 +58,13 @@
                 <section>
                     <form id="entry" action="">
                         <div class="row">
-                            <div class="col s8">
-                                <label for="">Name</label>
-                                <input type="text" id="name" placeholder="Item Description (optional)">
-                            </div>
-                            <div class="col s4">
+                            <div class="col s8" style="padding-left: 2rem">
                                 <label for="">Calories</label>
                                 <input type="number" id="calories" placeholder="Item Calories" @keyup="search">
                             </div>
+                            <div class="col s4 center" style="line-height: 72px;">
+                                <button class="btn green" @click="save" style="margin-bottom:-12px">Add Calories</button>
+                            </div>
                         </div>
                         <div :if="this.choices.length" class="collection ">
                             <div :for="item, i in this.choices" class="row collection-item" idx="{i}">
@@ -79,11 +78,6 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="row">
-                            <div class="col right">
-                                <button class="btn green" @click="save">Add Calories</button>
-                            </div>
-                        </div>
                     </form>
                 </section>
 
diff --git a/public/js/index.js b/public/js/index.js
index 4584bc6..e016d1a 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -111,7 +111,6 @@ Litedom({
     save() {
         // capture quick form entry
         let calories = document.getElementById('calories');
-        let name = document.getElementById('name');
 
         // source of calories
         let source = (calories) => {
@@ -126,7 +125,7 @@ Litedom({
 
         // add new entry
         db.entries.add({
-            name: String(name.value),
+            name: '',
             target: 'calorie',
             type: source(calories),
             value: Number(calories.value),