Finished front-end side of this feature.

1 files changed, 21 insertions, 6 deletions

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index ece8da4..85ebb2d 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -64,20 +64,35 @@ a {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
-#close-btn-container {
+#btn-container {
   height: 30px;
   top: 250px;
   background-color: lightgrey;
   width: 350px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
+  text-align: center;
 }
-#close-btn {
-  background-color: red;
+.details-btn {
   position: relative;
   margin-top: 4px;
-  float: right;
-  margin-right: 20px;
   border-radius: 10px;
-  width: 100px;
+  width: 95px;
+}
+#pending-btn {
+  background-color: orange;
+  float: left;
+  margin-left: 10px;
+}
+
+#completed-btn {
+  background-color: #279427;
+  float: left;
+  margin-left: 10px;
+}
+
+#close-btn {
+  background-color: red;
+  float: right;
+  margin-right: 10px;
 }