fixes button not working issue when click outside of the text (#99)

KendallDoesCoding · Sep 19, 2023 · 7ff37b8 · 7ff37b8
1 parent a407e43
commit 7ff37b8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -39,12 +39,13 @@ h1 {
   justify-content: space-between;
 }
 
-.btn{
+#addyoutuber{
   padding: 10px 20px;
-}
-
-.btn #addyoutuber{
+  background-color: #4caf50;
   color: white;
+  border-radius: 5px;
+  border: none;
+  cursor: pointer;
 }
 
 table {

diff --git a/views/home.ejs b/views/home.ejs
@@ -25,11 +25,9 @@
 				<input type="text" id="search-input" placeholder="Enter a keyword...">
 				<button onclick="filterTable()" id="search-submit" type="submit">Search</button>
 			</form>
-			<button class="btn">
-			<a id="addyoutuber" href="/addYoutuber">
+			<a id="addyoutuber" class="btn" href="/addYoutuber">
 				Add YouTuber
 			</a>	
-			</button>
 		</div>
 
 		<table id="table">