[mod] Minor changes on header and comments.

media/css/style.css

@@ -198,6 +198,11 @@ blockquote {
   margin: 0 auto;
   background: #f9f9f9;
 }
+#header a {
+    color: #222;
+    text-decoration: none;
+}
+
 h1 {
   margin: 25px 0 0 0; padding: 30px 0;
   font-family: 'DroidSansBold', Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
@@ -310,7 +315,7 @@ h1 span {
 #global {
   position: relative;
   width: 960px;
-  margin: 25px auto 0 auto;
+  margin: 25px auto 50px auto;
 }
 
 /* Content */
@@ -346,6 +351,20 @@ h1 span {
   font-weight: normal;
 }
 
+
+/* View page */
+
+div#comments {
+    border: 5px solid #f0f0f0;
+    padding: 0.5em;
+}
+
+dl#comments {
+    background-color: #f5f5f5;
+    padding: 0.5em;
+}
+
+
 /* Infrigement form */
 
 #addForm.index {

templates/view.html

@@ -74,6 +74,7 @@ $(document).ready(function() {
 </ul>
   {%endif%}
   {% if not key %}
+  <div id="comments">
   <h3>{% trans "Comments" %}</h3>
   {% render_comment_list for v %}
   <div class="toggle button">{% trans "Add comment" %}</div>
@@ -83,6 +84,7 @@ $(document).ready(function() {
   {% else %}
   <a class="button" href='/moderate/?key={{key}}&action=approve'>Approve Submission</a>
   <a class="button" href='/moderate/?key={{key}}&action=delete'>Delete Submission</a>
+  </div>
   {% endif %}
 </div>
 {%endblock%}