Improve comment CSS

2 files changed, 39 insertions, 0 deletions

diff --git a/app/scss/comments.scss b/app/scss/comments.scss
new file mode 100644
index 0000000..d8525cd
--- /dev/null
+++ b/app/scss/comments.scss
@@ -0,0 +1,38 @@
+.comments, .comments li {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	border: 1px solid #444;
+}
+
+.comments {
+	border-radius: 5px;
+	margin: 15px 0;
+	background: #333;
+
+	.author, .msg {
+		display: block;
+		margin: 0;
+	}
+
+	.author {
+		font-weight: bold;
+		border-bottom: 1px solid #444;
+		padding: 0.2em 1em;
+	}
+
+	.msg {
+		padding: 1em;
+		background: #222;
+	}
+}
+
+.comment_form {
+	margin: 1em 0;
+}
+
+.comment_form textarea {
+	min-width: 60%;
+	max-width: 100%;
+	margin: 0 0 1em 0;
+}
diff --git a/app/scss/main.scss b/app/scss/main.scss
index d853758..5cb4ef2 100644
--- a/app/scss/main.scss
+++ b/app/scss/main.scss
@@ -3,3 +3,4 @@
 @import "nav.scss";
 @import "packages.scss";
 @import "packagegrid.scss";
+@import "comments.scss";