better spacing; better forms

6 files changed, 69 insertions, 34 deletions

diff --git a/templates/blog/anilist.html b/templates/blog/anilist.html
index 22fe6801..2ab01484 100644
--- a/templates/blog/anilist.html
+++ b/templates/blog/anilist.html
@@ -1,16 +1,27 @@
-{% extends 'blog/partials/base.html' %} {% block content %}
-{% load static %}    
-<div class="iframe-loader" style="margin-top: 70px;">
-    <iframe src="{% url 'blog:anidata' %}" width="100%" height="100%" frameborder="0" id="anilist"></iframe>
+{% extends 'blog/partials/base.html' %} {% block content %} {% load static %}
+<div class="iframe-loader" style="margin-top: 36px">
+  <iframe
+    src="{% url 'blog:anidata' %}"
+    width="100%"
+    height="100%"
+    frameborder="0"
+    id="anilist"
+  ></iframe>
 </div>
-<hr>
+<hr />
 <ul>
-    <li>Data is fetched from <a href="https://myanimelist.net/animelist/crvs" target="_blank">MyAnimeList</a>.</li>
-    <li>I <i>do not</i> update the list regularly. Some anime might be missing.</li>
+  <li>
+    Data is fetched from
+    <a href="https://myanimelist.net/animelist/crvs" target="_blank"
+      >MyAnimeList</a
+    >.
+  </li>
+  <li>
+    I <i>do not</i> update the list regularly. Some anime might be missing.
+  </li>
 </ul>
-{% endblock content %}
-{% block scripts %}
+{% endblock content %} {% block scripts %}
 <script type="text/javascript">
-    $('#anilist').css('height', $(window).height()+'px');
+  $("#anilist").css("height", $(window).height() + "px");
 </script>
-{% endblock scripts %}
\ No newline at end of file
+{% endblock scripts %}
diff --git a/templates/blog/partials/base.html b/templates/blog/partials/base.html
index 7484665c..06fd4787 100644
--- a/templates/blog/partials/base.html
+++ b/templates/blog/partials/base.html
@@ -96,7 +96,11 @@
           <td id="sidebar" valign="top">
             {% include 'blog/partials/sidebar.html' %}
           </td>
-          <td id="content" valign="top" style="padding-left: 20px">
+          <td
+            id="content"
+            valign="top"
+            style="padding-left: 20px; {% if not user.is_authenticated %}padding-top: 32px;{% endif %}"
+          >
             {% block content %} {% endblock %}
           </td>
         </tr>
diff --git a/templates/blog/post.html b/templates/blog/post.html
index f4fec7b9..5a98e981 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -2,7 +2,7 @@
 {% load static %}
 {% load tz %}
 {% load sha256 %}
-<div id="post-actions-bar" class="mtsbitem">
+<div id="post-actions-bar" class="mtsbitem" style="margin-top: 12px;">
     <a class="pa-btn" href="{% url 'blog:home' %}">Home</a>
     <a class="pa-btn" href="#comments">Opinions</a>
     <a class="pa-btn" href="javascript:;" onclick="lightsOff()">Focus <img id="lightsStatus" data-status="off" src="{% static 'images/site/off.png' %}" alt="Off" style="height: 11px; position: relative; top: 2px;"></a>
diff --git a/templates/blog/register.html b/templates/blog/register.html
index ec470cb3..16ff128a 100644
--- a/templates/blog/register.html
+++ b/templates/blog/register.html
@@ -1,24 +1,42 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
-<h1 style="margin-top: 0px;">Register for an account</h1>
-<p>Register for an account to post your thoughts and get feedback from other users.</p>
-<hr>
+<h1 style="margin-top: 30px">Register for an account</h1>
+<p>
+  Register for an account to post your thoughts and get feedback from other
+  users.
+</p>
+<hr />
 <form method="post">
-    <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}" style="display: none;">
-    <table id="register_form">
-        {{ form.as_table }}
-    </table>
-    <p><img width="160" height="60" src="{% url 'ignis:captcha_image' captcha %}" alt="Captcha" id="captcha"></p>
-    <input type="hidden" name="expected_captcha" value="{{ captcha }}">
-    <input type="submit" value="Register" class="button button-special">
+  <input
+    type="hidden"
+    name="csrfmiddlewaretoken"
+    value="{{ csrf_token }}"
+    style="display: none"
+  />
+  <table id="register_form">
+    {{ form.as_table }}
+  </table>
+  <p>
+    <img
+      width="160"
+      height="60"
+      src="{% url 'ignis:captcha_image' captcha %}"
+      alt="Captcha"
+      id="captcha"
+    />
+  </p>
+  <input type="hidden" name="expected_captcha" value="{{ captcha }}" />
+  <input type="submit" value="Register" class="button button-special" />
 </form>
-<br><br>
-<p>By registering on this site, you agree to everything that's <a href="{% url 'blog:policy' %}">written here</a>.</p>
-<p><b>Note</b>: Upon registering, you will be sent an email with a link to activate your account. If you don't activate your account within 72 hours, your username will be released and you will have to register again.</p>
-{% for message in messages %}
-    {% if 'accountCreated' in message.tags %}
-        <p><small class="success">{{ message.message }}</small></p>
-    {% endif %}
-{% endfor %}
-{% endblock %}
-
-
+<br /><br />
+<p>
+  By registering on this site, you agree to everything that's
+  <a href="{% url 'blog:policy' %}">written here</a>.
+</p>
+<p>
+  <b>Note</b>: Upon registering, you will be sent an email with a link to
+  activate your account. If you don't activate your account within 72 hours,
+  your username will be released and you will have to register again.
+</p>
+{% for message in messages %} {% if 'accountCreated' in message.tags %}
+<p><small class="success">{{ message.message }}</small></p>
+{% endif %} {% endfor %} {% endblock %}
diff --git a/templates/blog/resetpass.html b/templates/blog/resetpass.html
index 7dbdab05..81c68c56 100644
--- a/templates/blog/resetpass.html
+++ b/templates/blog/resetpass.html
@@ -1,4 +1,5 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
+<h1 style="margin-top: 30px">Reset your Password</h1>
 <p>
   Forgot your password? No problem! Just enter your email address below, (the
   email you registered with) and I will send you a link to reset your password.
diff --git a/templates/blog/resetpass_input.html b/templates/blog/resetpass_input.html
index 7adc54d6..939eab9d 100644
--- a/templates/blog/resetpass_input.html
+++ b/templates/blog/resetpass_input.html
@@ -1,4 +1,5 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
+<h1 style="margin-top: 30px">Reset your Password</h1>
 <p>
   Enter a new password for your account. Your password must be at least 8
   characters long.