From ccd810f3e080ea2717772850647efb06df074c32 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 6 Feb 2024 20:00:14 +0000
Subject: Fixed css in navbar mobile

---
 src/components/Guestbook.jsx     | 4 ++--
 src/components/GuestbookForm.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Guestbook.jsx b/src/components/Guestbook.jsx
index 5935d04..f839848 100644
--- a/src/components/Guestbook.jsx
+++ b/src/components/Guestbook.jsx
@@ -73,8 +73,8 @@ class Guestbook extends Component {
                         ))}
                     </div>
                 )}
-                {page > 1 && <button class="margin" onClick={this.handlePrevious}>Previous</button>}
-                {page < totalPages && <button class="margin" onClick={this.handleNext}>Next</button>}
+                {page > 1 && <button class="button margin" onClick={this.handlePrevious}>Previous</button>}
+                {page < totalPages && <button class="button margin" onClick={this.handleNext}>Next</button>}
             </div>
         );
     }
diff --git a/src/components/GuestbookForm.jsx b/src/components/GuestbookForm.jsx
index 48e043b..8573b5c 100644
--- a/src/components/GuestbookForm.jsx
+++ b/src/components/GuestbookForm.jsx
@@ -71,7 +71,7 @@ class GuestbookForm extends Component {
                     <label htmlFor="message">Message * (Supports <a href="https://www.markdownguide.org/cheat-sheet/" target="_blank">Markdown</a>)</label>
                     <textarea name="message" placeholder="Enter your message here." required value={this.state.message}
                               onChange={this.handleChange} disabled={this.state.isMessageSent}></textarea>
-                    <button type="submit" disabled={this.state.isMessageSent}>Send</button>
+                    <button class="button" type="submit" disabled={this.state.isMessageSent}>Send</button>
                 </form>
                 {this.state.errorMessage && <p dangerouslySetInnerHTML={{__html: this.state.errorMessage}}/>}
                 {this.state.isMessageSent && !this.state.errorMessage && <p>Sent successfully!</p>}
-- 
cgit v1.2.3