Updated the tag buttons stlyling

1 files changed, 11 insertions, 4 deletions

diff --git a/posts.css b/posts.css
index 169a18d..f07381c 100644
--- a/posts.css
+++ b/posts.css
@@ -4,7 +4,7 @@
   margin: auto;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 8px;
-  row-gap: 8px
+  row-gap: 16px
 }
 
 @media (max-width: 767.98px) {
@@ -13,15 +13,22 @@
   }
 }
 
-#tag_list  button {
-  padding: 16px;
+#tag_list button {
+  padding: 12px 0px;
   cursor: pointer;
   border: 1px solid transparent;
   border-radius: 3px;
   font-family: inherit;
-  font-size: 16px;
+  font-size: 14px;
   width: 100%;
   height: 100%;
+  color: black;
+  background-color: transparent;
+  border: 2px solid black;
+}
+
+#tag_list button:hover {
+  background-color: lightgray;
 }
 
 #post_list {