updated sidebar

2 files changed, 48 insertions, 15 deletions

diff --git a/css/main.scss b/css/main.scss
index eb431bb2..b2092cc6 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -48,7 +48,7 @@ h1 {
 #app-sidebar {
 	flex-direction: column;
 	
-	.share, h2, .comments {
+	.share, h2 {
 		padding: 15px;
 	}
 	.close {
@@ -88,11 +88,11 @@ input[type="text"] {
 	width: 100%;
 }
 
-textarea {
+/* textarea {
 	min-width: 100%;
 	max-width: 100%;
 }
-
+ */
 .form-actions {
 	padding: 15px;
 }
diff --git a/css/vote.scss b/css/vote.scss
index 51210d42..9b3b335a 100644
--- a/css/vote.scss
+++ b/css/vote.scss
@@ -141,13 +141,8 @@ div.crumb {
 	}			
 }
 
-
-.avatar-cell {
-	width: 40px;
-}
-
 .name {
-	width: 180px;
+	margin-left: 5px;
 }
 
 .poll-cell {
@@ -264,9 +259,7 @@ div.crumb {
 }
 
 .comment {
-	border: 1px solid #DDD;
-	border-radius: 3px;
-	margin-bottom: 10px;
+	margin-bottom: 30px;
 
 	&.new-comment {
 		border: none;
@@ -285,18 +278,58 @@ div.crumb {
 	
 }
 
+.newCommentForm {
+	position: relative;
+	margin-bottom: 20px;
+}
+
+.author {
+	margin-left: 5px;
+	opacity: .5;
+}
+#commentsTabView .comment .date {
+	position: absolute;
+	right: 0;
+	top: 5px;
+	opacity: .5;
+}
+
+#commentsTabView .comments li .message {
+	padding-left: 40px;
+}
+
+.authorRow {
+	position: relative;
+}
+.authorRow > div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
 .new-comment {
+	.submit {
+		position: absolute;
+		bottom: 0px;
+		right: 8px;
+		width: 30px;
+		margin: 0;
+		padding: 7px 9px;
+		background-color: transparent;
+		border: none;
+		opacity: .3;
+	}
+
 	.icon-loading-small {
 		float: left;
 		margin-top: 10px;
 		display: none;
 	}
 	
-	.comment-content textarea {
+	textarea {
+		width: calc(100% - 81px);
 		display: block;
-		min-width: 100%;
-		max-width: 100%;
 		min-height: 66px;
+		margin-left: 40px;
 	}
 }