stylized comments

DataKinds · Jun 1, 2015 · b29e824 · b29e824
1 parent e13a6f5
commit b29e824
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/public/postview.css b/public/postview.css
@@ -12,7 +12,7 @@
 	font-weight: 400;
 	font-size: 14px;
 	text-align: left;
-	width: 100%;
+	width: calc(100% - 30px);
 	float: right;
 	word-wrap: break-word;
 	word-break: break-all;
@@ -31,7 +31,6 @@
 	max-width: 100%;
 	word-wrap: break-word;
 	word-break: break-all;
-	table-layout: fixed;
 }
 
 .commentLength {
@@ -40,4 +39,9 @@
 	font-weight: 400;
 	font-size: 14px;
 	text-align: right;
+}
+
+.singleComment {
+	overflow: hidden;
+	margin-bottom: 20px;
 }
diff --git a/views/postview.erb b/views/postview.erb
@@ -37,17 +37,17 @@ require_relative "../helperFunctions"
 				<button type="submit" id="commentSubmit">Submit</button>
 				<span id="commentLength" class="commentLength" style="color: red;">0/1000 (you need at least 5 characters to post)</span>
 			</form>
-			<table class="commentTable">
+			<div class="commentTable">
 				<% if postHash.length > 1 #if there have actually been replies
 					(1..postHash.length-1).reverse_each do |postIndex| %>
-						<tr>
-							<th class="ipColorBox">
+						<div class="singleComment">
+							<div class="ipColorBox">
 								<span class="ipColor" style="background: <%= getColorFromIP(postHash[postIndex.to_s]["ip"]) %>">
 									<span class="colorText"><%= getShowableColorFromIP(postHash[postIndex.to_s]["ip"]) %></span>
 								</span>
-							</th>
-							<th class="commentText"><%=p "#{postHash[postIndex.to_s]["body"]}"%></th>
-						</tr>
+							</div>
+							<div class="commentText"><%=p "#{postHash[postIndex.to_s]["body"]}"%></div>
+						</div>
 					<% end 
 				end %>
 			</table>