Fixed inline style error in matchbook and removed ability for user to message themselves

app/static/css/custom.css

@@ -22,6 +22,10 @@ h1 {
     border-color: #ff3333 !important;
 }
 
+.fw-heavy {
+    font-weight: 900;
+}
+
 /* Major */
 body {
     padding-bottom: 50px;

app/templates/matchbook.html

@@ -6,20 +6,22 @@
     <h1>Matchbook</h1>
     <ul class="list-group list-group-flush" id="matchbooklist">
         {% for u in userlist %}
-        <li class="list-group-item matchbook-bg border rounded mx-auto">
-            {% if u.profile_image %}
-                <img src="static/uploads/{{ u.profile_image }}" class="border rounded-circle red-border">
-            {% else %}
-                <img src="static/uploads/default.png" class="border rounded-circle red-border">
+            {% if u.id != user.id %}
+                <li class="list-group-item matchbook-bg border rounded mx-auto">
+                    {% if u.profile_image %}
+                        <img src="static/uploads/{{ u.profile_image }}" class="border rounded-circle red-border">
+                    {% else %}
+                        <img src="static/uploads/default.png" class="border rounded-circle red-border">
+                    {% endif %}
+                    <p>{{ u.firstname }}</p>
+                    <p class="fw-heavy">{{ u.lastname }}</p>
+                    <p>{{ u.gender }} , {{ u.age }}</p>
+                    <p>{{ u.description }}</p>
+                    <form method="POST">
+                        <button type="submit" class="btn btn-primary" name="message_recipient" value="{{ u.id }}">Message</button>
+                    </form>
+                </li>
             {% endif %}
-            <p>{{ u.firstname }}</p>
-            <p style="font-weight: 900;">{{ u.lastname }}</p>
-            <p>{{ u.gender }} , {{ u.age }}</p>
-            <p>{{ u.description }}</p>
-            <form method="POST">
-                <button type="submit" class="btn btn-primary" name="message_recipient" value="{{ u.id }}">Message</button>
-            </form>
-        </li>
         {% endfor %}
     </ul>
 </div>