1 files changed, 31 insertions, 4 deletions

diff --git a/profile/public/style.css b/profile/public/style.css
index 600c2b5..b1bd964 100644
--- a/profile/public/style.css
+++ b/profile/public/style.css
@@ -63,7 +63,6 @@ img {
 
 #comments div {
     display: flex;
-    flex-flow: row wrap;
     justify-content: space-between;
 }
 
@@ -75,10 +74,17 @@ img {
     opacity: 0.8;
 }
 
+#comments span {
+    align-self: center;
+}
+
 #comments .edit-btn,
 #comments .delete-btn,
 #comments .add-btn {
     cursor: pointer;
+    width: 50px;
+    height: 50px;
+    transition: opacity 0.5s;
 }
 
 #comments .edit-btn:hover,
@@ -87,15 +93,36 @@ img {
     opacity: 0.8;
 }
 
-#comments #add-div {
+#comments .edit-btn {
+    background: url(/feather/icons/edit.svg) no-repeat center;
+}
+
+#comments .delete-btn {
+    background: url(/feather/icons/trash.svg) no-repeat center;
+}
+
+#comments .add-btn {
+    background: url(/feather/icons/plus.svg) no-repeat center;
+}
+
+#comments #add-div,
+#comments #edit-div {
     justify-content: center;
+    flex-flow: row wrap;
+    margin-top: 24px;
+    margin-bottom: 24px;
 }
 
-#comments #add-div div {
+#comments #add-div div,
+#comments #edit-div div {
     width: 100%;
+    height: 100%;
+    flex-flow: row wrap;
 }
 
-#comments #add-div div textarea {
+#comments #add-div div textarea,
+#comments #edit-div div textarea {
     width: 100%;
     height: 80%;
+    margin-bottom: 12px;
 }