3 files changed, 16 insertions, 14 deletions
diff --git a/templates/main/jams/index.html b/templates/main/jams/index.html
index 5c2df182..e72e7e84 100644
--- a/templates/main/jams/index.html
+++ b/templates/main/jams/index.html
@@ -1,6 +1,7 @@
 {% extends "main/base.html" %}
 {% block title %}Code Jams | Home{% endblock %}
 {% block og_title %}Code Jams | Home{% endblock %}
+{% block page_classes %}uses-rst{% endblock %}
 {% block content %}
 <div class="uk-section">
     <div class="uk-container uk-container-small">
@@ -39,7 +40,7 @@
                     </p>
 
                     <a href="https://jetbrains.com">
-                        <img src="{{ static_file("images/jetbrains.png") }}" style="max-width: 15rem;" />
+                        <img src="{{ static_file("images/jetbrains.png") }}" class="sponsor-logo"/>
                     </a>
                 </figure>
             </div>
@@ -85,7 +86,7 @@
                             {{ format_datetime(jam.date_start) }} UTC
                         </span>
 
-                        <span style="vertical-align: middle">
+                        <span class="date-separator">
                             <i class="uk-icon fa-fw far fa-arrow-right" ></i>
                         </span>
 
diff --git a/templates/main/jams/join.html b/templates/main/jams/join.html
index 4bd4f2b0..4ff645b8 100644
--- a/templates/main/jams/join.html
+++ b/templates/main/jams/join.html
@@ -1,18 +1,19 @@
 {% extends "main/base.html" %}
 {% block title %}Code Jams | Join{% endblock %}
 {% block og_title %}Code Jams | Join{% endblock %}
+{% block page_classes %}uses-rst{% endblock %}
 
 {% macro show_question(question) %}
     <div id="div-{{ question.id }}">
         <div class="uk-form-label">
             {% if question.optional %}
-                <label class="uk-form-label" style="margin-top: 0" for="{{ question.id }}">
+                <label class="uk-form-label question-label" for="{{ question.id }}">
                     <strong>{{ question.title }}</strong>
                     <br />
                     <span class="uk-text-meta">You may skip this question</span>
                 </label>
             {% else %}
-                <label class="uk-form-label" style="margin-top: 0" for="{{ question.id }}">
+                <label class="uk-form-label question-label" for="{{ question.id }}">
                     <strong>{{ question.title }}</strong>
                     <br />
                     <span class="uk-text-meta">This question is required</span>
@@ -23,10 +24,10 @@
             {% if question.type == "checkbox" %}
                 {% if question.optional %}
                     <input class="uk-checkbox" type="checkbox" name="{{ question.id }}" id="{{ question.id }}">
-                    <label for="{{ question.id }}" style="padding-left: 0.7rem;">Confirm</label>
+                    <label for="{{ question.id }}" class="checkbox-label">Confirm</label>
                 {% else %}
                     <input class="uk-checkbox" type="checkbox" name="{{ question.id }}" id="{{ question.id }}" required>
-                    <label for="{{ question.id }}" style="padding-left: 0.7rem;">Confirm</label>
+                    <label for="{{ question.id }}" class="checkbox-label">Confirm</label>
                 {% endif %}
 
             {% elif question.type == "email" %}
@@ -47,12 +48,12 @@
                 {% if question.optional %}
                     {% for option in question.data.options %}
                         <input class="uk-radio radio-{{ question.id }}" type="radio" name="{{ question.id }}" id="{{ question.id }}-{{ option }}" value="{{ option }}">
-                        <label style="padding-left: 0.7rem; padding-right: 1rem;" for="{{ question.id }}-{{ option }}">{{ option }}</label>
+                        <label class="radio-label" for="{{ question.id }}-{{ option }}">{{ option }}</label>
                     {% endfor %}
                 {% else %}
                     {% for option in question.data.options %}
                         <input class="uk-radio radio-{{ question.id }}" type="radio" name="{{ question.id }}" id="{{ question.id }}-{{ option }}" value="{{ option }}" required>
-                        <label style="padding-left: 0.7rem; padding-right: 1rem;" for="{{ question.id }}-{{ option }}">{{ option }}</label>
+                        <label class="radio-label" for="{{ question.id }}-{{ option }}">{{ option }}</label>
                     {% endfor %}
                 {% endif %}
 
@@ -62,14 +63,14 @@
                         {% for num in range(question.data.min, question.data.max + 1) %}
                             <span>
                                 <input class="uk-radio radio-{{ question.id }}" type="radio" name="{{ question.id }}" id="{{ question.id }}-{{ num }}" value="{{ num }}">
-                                <label style="padding-left: 0.3rem;" for="{{ question.id }}-{{ num }}">{{ num }}</label>
+                                <label class="range-label" for="{{ question.id }}-{{ num }}">{{ num }}</label>
                             </span>
                         {% endfor %}
                     {% else %}
                         {% for num in range(question.data.min, question.data.max + 1) %}
                             <span>
                                 <input class="uk-radio radio-{{ question.id }}" type="radio" name="{{ question.id }}" id="{{ question.id }}-{{ num }}" value="{{ num }}" required>
-                                <label style="padding-left: 0.3rem;" for="{{ question.id }}-{{ num }}">{{ num }}</label>
+                                <label class="range-label" for="{{ question.id }}-{{ num }}">{{ num }}</label>
                             </span>
                         {% endfor %}
                     {% endif %}
@@ -84,14 +85,14 @@
 
             {% elif question.type == "textarea" %}
                 {% if question.optional %}
-                    <textarea class="uk-input uk-textarea fira-code" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem;"></textarea>
+                    <textarea class="uk-input uk-textarea fira-code textarea" name="{{ question.id }}" id="{{ question.id }}"></textarea>
                 {% else %}
-                    <textarea class="uk-input uk-textarea fira-code" name="{{ question.id }}" id="{{ question.id }}" style="resize: vertical; min-height: 15rem;" required></textarea>
+                    <textarea class="uk-input uk-textarea fira-code textarea" name="{{ question.id }}" id="{{ question.id }}" required></textarea>
                 {% endif %}
 
             {% elif question.type == "slider" %}
                 <div class="uk-flex uk-flex-between">
-                    <label class="uk-label" style="margin-right: 1rem;" for="{{ question.id }}" id="{{ question.id }}-slider-value">{{ question.data.min }}</label>
+                    <label class="uk-label slider-label" for="{{ question.id }}" id="{{ question.id }}-slider-value">{{ question.data.min }}</label>
                     <input class="uk-range range-slider" name="{{ question.id }}" id="{{ question.id }}" min="{{ question.data.min }}" max="{{ question.data.max }}" step="1" value="{{ question.data.min }}" type="range">
                 </div>
 
diff --git a/templates/main/jams/profile.html b/templates/main/jams/profile.html
index 98867c8a..ba37f810 100644
--- a/templates/main/jams/profile.html
+++ b/templates/main/jams/profile.html
@@ -66,7 +66,7 @@
                         <i class="uk-icon fa-fw fas fa-bomb"></i> &nbsp;Delete
                     </a>
                 {% else %}
-                    <a class="uk-button uk-button-default uk-text-muted uk-link-muted" style="cursor: default !important"
+                    <a class="uk-button uk-button-default uk-text-muted uk-link-muted cursor-default"
                        uk-tooltip="title: You can't delete your profile because you haven't submitted one yet!; pos: bottom">
                         <i class="uk-icon fa-fw fas fa-bomb"></i> &nbsp;Delete
                     </a>