From be3d096188bebcba371d00a1eefa4ba9416137bb Mon Sep 17 00:00:00 2001
From: Jesper Wrang <jesperwrang96@gmail.com>
Date: Thu, 2 Nov 2017 01:33:53 +0100
Subject: [PATCH] Updated about page

---
 index.html       | 35 +++++++++++++++--------------------
 static/style.css |  3 +--
 2 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index b7aed7e..a3e4337 100644
--- a/index.html
+++ b/index.html
@@ -12,42 +12,37 @@
 	</header>
 	<div id="main">
 		<div id="main-box" class="frontpage-box">
-			<h2 style="color:#CA302C; margin-top:5px">About</h2>
+			<h2 style="color:#CA302C; margin-top:5px; margin-bottom: 10px;">About</h2>
 				<p>
-					This is a site for viewing removed comments from Reddit. 
-					It was created by <a href="https://github.com/JubbeArt/">Jesper Wrang</a> and uses <a href="https://pushshift.io/">Jason Baumgartner</a> service for getting removed comments.</p>
+					Display <span title="Removed by mods" style="font-weight:bold; color:#ca302c;">removed</span> and <span title="Deleted by users" style="font-weight:bold; color:#00007D;">deleted</span> comments from  Reddit. 
+				</p>
 				<p>
 					<b>How to use</b>: go to any Reddit thread and replace the <i>reddit</i> in the URL with <i>removeddit</i>
 					<br>E.g. 
 					<a href="/r/TwoXChromosomes/comments/6z1hch/">
 						https://www.removeddit.com/r/TwoXChromosomes/comments/6z1hch/
 					</a>
+
 				</p>
 				<p>
-					If you find something that doesn't work please contact me at: <br><b>removeddit (at) gmail.com</b>
+					Created by <a href="https://github.com/JubbeArt/">Jesper Wrang</a> and uses <a href="https://pushshift.io/">Jason Baumgartner</a> service for getting removed comments.
 				</p>
-			<h2 style="color:#239F2B">TODO</h2>
-			<ul>
+			<h2 style="color:#239F2B; margin-bottom: 10px;">TODO</h2>
+			<ul style="margin: 0">
 				<li>Collapsing comments</li>
 				<li>Get removed selftext of thread</li>
 				<li>Subreddits!</li>
 				<li>Maybe for specific users</li>
 			</ul>
-			<!--<h2 style="color:#CA752C">Acknowledgement</h2>
-				<p>
-					<a href="https://pushshift.io/">Jason Baumgartner</a> - for making all this possible with his amazing API	
-				</p>
-				<p>
-					<a href="http://reddit.com/r/redditdev">/r/redditdev</a> - for helping with the Reddit API
-				</p>-->
-			<h2 style="color: #1B767A">Links/Contact</h2>
-			<p>For feedback and bug reports: 
-			<ul>	
-				<li>email: removeddit (at) gmail.com</li>
-				<li>reddit: <a href="https://www.reddit.com/user/Jubbeart/">/u/JubbeArt</a></li>
-			</ul>
+			<h2 style="color: #1B767A; margin-bottom: 10px;">Links/Contact</h2>
+			<p style="margin-bottom:0">For feedback and bug reports:</p>
+			<ul style="margin-top: 5px;">	
+					<li>email: removeddit (at) gmail.com</li>
+					<li>reddit: <a href="https://www.reddit.com/user/Jubbeart/">/u/JubbeArt</a></li>
+				</ul>
+		
 			<p>
-				<a href="https://github.com/JubbeArt/removeddit">Github for this project</a>
+				<a href="https://github.com/JubbeArt/removeddit">Code on Github.</a>
 			</p>
 		</div>
 	</div>
diff --git a/static/style.css b/static/style.css
index bd12026..5f4b771 100644
--- a/static/style.css
+++ b/static/style.css
@@ -36,7 +36,6 @@ a:hover {
 
 .user-link {
 	color: #6a98af;
-
 }
 
 #header {
@@ -272,7 +271,7 @@ a:hover {
 }
 
 .comment-removed {
-	background-color: #840c09/*#633636*/;
+	background-color: #840c09;
 }
 
 .comment-deleted {