From ce5276f546baaefbf70d6cd06a7131bfc77f5554 Mon Sep 17 00:00:00 2001
From: Sandeep Suman <sandeepkrsuman2409@gmail.com>
Date: Wed, 30 Mar 2022 11:36:21 +0530
Subject: [PATCH] added prev/next btns

---
 popup/popup.html |  4 ++++
 popup/style.css  | 25 +++++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/popup/popup.html b/popup/popup.html
index 5a4f170..838e21c 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -10,6 +10,10 @@ <h1 id="word"></h1>
       <p id="phonetic"></p>
       <div id="definition"></div>
       <p id="example"></p>
+      <div class="navigate-container">
+        <span class="navigator previous">&laquo;</span>
+        <span class="navigator next">&raquo;</span>
+      </div>
       <script src="popup.js" type="text/javascript"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/popup/style.css b/popup/style.css
index 27bcaa5..61b39c1 100644
--- a/popup/style.css
+++ b/popup/style.css
@@ -25,3 +25,28 @@ div {
   font-size: 1rem;
   background-color: #9ddac6;
 }
+
+.navigate-container {
+  display: flex;
+  justify-content: space-between;
+  text-align: center;
+  background-color: #ffffff;
+}
+
+.navigator {
+  text-decoration: none;
+  display: inline-block;
+  padding: 6px 14px;
+}
+
+.navigator:hover {
+  cursor: pointer;
+  background-color: #ddd;
+  color: black;
+}
+
+.previous,
+.next {
+  background-color: #f1f1f1;
+  color: black;
+}