Prevent like buttons from shifting (for reasonable vote numbers)

uchicago-cs · Dec 6, 2023 · 6b50ffc · 6b50ffc
1 parent 753d84f
commit 6b50ffc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/templates/forum/board_base.html b/src/templates/forum/board_base.html
@@ -19,7 +19,7 @@
   <link rel="stylesheet" href="{% static 'machina/custom-styling.css' %}" />
 {% endblock css %}
 {% block body %}
-  <div class="my-5 container " id="main_container">
+  <div class="my-5 container" id="main_container">
     <div class="row">
       <div class="col-12">
         {% block breadcrumb %}

diff --git a/src/templates/forum_conversation/topic_detail.html b/src/templates/forum_conversation/topic_detail.html
@@ -7,6 +7,15 @@
 {% load forum_member_tags %}
 {% load forum_permission_tags %}
 
+{% block css %}
+  {{ block.super }}
+  <style>
+    .vote-container span {
+      min-width: 60px;
+      text-align: center;
+    }
+  </style>
+{% endblock css %}
 {% block sub_title %}
   {{ topic.subject }}
 {% endblock sub_title %}
@@ -86,7 +95,7 @@ <h4 class="m-0 subject">
                   <button class="like-button btn btn-lg" type="submit" name="rate" value="like">
                     <i class="far fa-thumbs-up"></i>
                   </button>
-                  <span class="like-count fas" id="like-count">{{ post.rating }}</span>
+                  <span class="like-count h5 mb-0" id="like-count">{{ post.rating }}</span>
                   <button class="dislike-button btn btn-lg"
                           type="submit"
                           name="rate"