Forum funcional

src/forum/assets/css/forum.css

@@ -1,11 +1,15 @@
-main article{
+main article {
 	background-color: var(--light-grey);
 	margin: 2em auto;
 	padding: 1.5em 2.5em;
 	width: 90%;
 	border-radius: 1.5vmax;
 }
 
+main article.autor {
+	border: 2px solid var(--principal-blue);
+}
+
 button#add-post {
 	float: right;
 	padding: 1em;
@@ -30,6 +34,7 @@ button#add-post:hover {
 }
 
 #posts article h3 {
+	color: var(--principal-blue);
   display: inline;
   margin: 0 1em 0 0;
   vertical-align: middle;
@@ -51,9 +56,29 @@ button#add-post:hover {
 	float: right;
 }
 
-/* #posts span {
-	float: right;
-	background-color: var(--light-grey);
-	padding: 5px 10px;
-	border-radius: 1vmax;
-} */
+#posts article .engajamento span {
+	margin-right: 1em;
+}
+
+#posts article .engajamento button {
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: 1em;
+}
+
+#posts article .engajamento button:hover {
+  cursor: pointer;
+}
+
+#posts article .engajamento .edit {
+  color: var(--blue);
+}
+
+#posts article .engajamento .delete {
+  color: var(--red);
+}
+
+#posts article .engajamento button i {
+  margin-left: .5em;
+}

src/forum/assets/css/post.css

@@ -37,23 +37,30 @@ section.conteudo {
 }
 
 .secao-comentarios {
-  padding: 1em 3em;
+  padding: 1em;
+}
+
+#comentar {
+  display: flex;
+  align-items: center;
 }
 
 #comentar input{
-  width: 60%;
+  flex: 3;
+  margin-right: .5em;
+  vertical-align: middle;
   padding: .6em;
   border: 1px solid #333;
   border-radius: .5vmax;
-  margin-bottom: 1em;
   font-size: 1em;
 }
 
 #comentar button {
- 	padding: 1em;
+  flex: 1;
+  margin: auto;
+  padding: 1em;
 	border: none;
 	border-radius: .5vmax;
-	margin-top: 1.5em;
 	background-color: var(--principal-blue);
 	color: var(--white);
 	font-weight: bold;
@@ -65,5 +72,4 @@ section.conteudo {
 
 section.comentarios {
   margin: 1em 0;
-
 }