From cd43c949aac1d2f5ddff8aece1d26d6e0f41a12b Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Sat, 28 Dec 2024 17:47:39 -0500
Subject: [PATCH] fix: styling

---
 nodejs-mini-message-board/src/db/query.js       | 2 +-
 nodejs-mini-message-board/src/public/styles.css | 1 +
 nodejs-mini-message-board/src/views/msgs.ejs    | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/nodejs-mini-message-board/src/db/query.js b/nodejs-mini-message-board/src/db/query.js
index ec6f8c4..178d658 100644
--- a/nodejs-mini-message-board/src/db/query.js
+++ b/nodejs-mini-message-board/src/db/query.js
@@ -9,7 +9,7 @@ async function getAllMessages() {
 }
 
 async function insertMessage(msg) {
-  db.run("INSERT INTO MESSAGES (message, username, date) VALUES (?, ?, ?)", [
+  db.run("INSERT INTO MESSAGES (message, username, date) VALUES ($1, $2, $3)", [
     msg.message,
     msg.username,
     msg.date,
diff --git a/nodejs-mini-message-board/src/public/styles.css b/nodejs-mini-message-board/src/public/styles.css
index d3d672b..b1745ba 100644
--- a/nodejs-mini-message-board/src/public/styles.css
+++ b/nodejs-mini-message-board/src/public/styles.css
@@ -94,6 +94,7 @@
   border-radius: 5px;
   border: 1px solid #525252;
   background-color: #faf7f0;
+  padding: 20px;
 }
 
 .form-item > .btn {
diff --git a/nodejs-mini-message-board/src/views/msgs.ejs b/nodejs-mini-message-board/src/views/msgs.ejs
index 740e66c..932294b 100644
--- a/nodejs-mini-message-board/src/views/msgs.ejs
+++ b/nodejs-mini-message-board/src/views/msgs.ejs
@@ -6,11 +6,11 @@
     <h1 class="headline">Add a message :)</h1>
     <div class="form-item">
       <label for="uername">Name</label>
-      <input type="text" id="username" name="username">
+      <input type="text" id="username" name="username" placeholder="Enter your name...">
     </div>
     <div class="form-item">
       <label for="message">Message</label>
-      <textarea id="message" name="message" rows="5"></textarea>
+      <textarea id="message" name="message" rows="5" placeholder="what's on your mind?"></textarea>
     </div>
     <div class="form-item">
     <button class="btn primary-btn" type="submit">Post</button>