Merge pull request #724 from python-discord/events-css

Slightly improve events page CSS.

Author: kosayoda

pydis_site/static/css/events/base.css

@@ -10,3 +10,11 @@ pre {
      */
     background-color: #282c34;
 }
+
+.panel .panel-heading {
+  /*
+   * Remove whitespace between the panel heading and the first item in a panel,
+   * since it makes the first panel item taller than the others.
+   */
+  margin-bottom: 0 !important
+}

pydis_site/templates/events/index.html

@@ -10,7 +10,7 @@
     <div class="box">
         <h2 class="title is-4">Code Jams</h2>
         <div class="notification is-success">
-            The 2022 Summer Code Jam qualifier will open June 29th. Check out the details <a href="{% url "events:page" path="code-jams/9" %}">here</a>.
+          The <b>2022 Summer Code Jam</b> qualifier will open June 29th. Check out the details <a href="{% url "events:page" path="code-jams/9" %}">here</a>.
         </div>
         <p>Each year, we organize at least one code jam, one during the summer and sometimes one during the winter. During these events, members of our community will work together in teams to create something amazing using a technology we picked for them. One such technology that was picked for the Summer 2021 Code Jam was text user interfaces (TUIS), where teams could pick from a pre-approved list of frameworks.</p>
         <p>To help fuel the creative process, we provide a specific theme, like <strong>Think Inside the Box</strong> or <strong>Early Internet</strong>. At the end of the Code Jam, the projects are judged by Python Discord server staff members and guest judges from the larger Python community. The judges will consider creativity, code quality, teamwork, and adherence to the theme.</p>

pydis_site/templates/events/pages/code-jams/_index.html

@@ -8,14 +8,17 @@
 {% block title %}Code Jams{% endblock %}
 
 {% block event_content %}
-    <div class="buttons are-large is-centered">
-      <a href="9/_index" class="button is-primary">
-        <span>Code Jam 2022 is Coming Up This July!</span>
-        <span class="icon">
-          <i class="fas fa-arrow-right"></i>
+    <div class="block">
+      <a href="9/_index" class="button is-primary mt-1">
+        <span class="icon-text">
+          <span>Code Jam 2022 is Coming This July!</span>
+          <span class="icon">
+            <i class="fas fa-arrow-right"></i>
+          </span>
         </span>
       </a>
     </div>
+
     <p>
         If you've been around the server for a while, or you just happened to join at the right time,
         you may have heard of something known as a Code Jam.