Fixing Dropdown in Firefox

Author: devinmatte

conditional/templates/intro_evals.html

@@ -124,7 +124,11 @@ <h6 class="eval-uid">{{ m['uid'] }}</h6>
                 </div>
             </div>
             {% if m['house_meetings_missed']|length != 0 or m['technical_seminars']|length != 0 or m['comments'] != "" %}
-                <button class="btn-expand-panel" role="button" data-toggle="collapse" href="#evalsCollapse-{{m['uid']}}" aria-expanded="false" aria-controls="evalsCollapse-{{m['uid']}}"><span class="glyphicon glyphicon glyphicon-menu-down"></span></button>
+                <div class="evals-dropdown">
+                    <span class="btn-expand-panel" role="button" data-toggle="collapse" href="#evalsCollapse-{{m['uid']}}" aria-expanded="false" aria-controls="evalsCollapse-{{m['uid']}}">
+                        <span class="glyphicon glyphicon glyphicon-menu-down"></span>
+                    </span>
+                </div>
             {% endif %}
             <div class="collapse" id="evalsCollapse-{{m['uid']}}">
                 {% if m['house_meetings_missed']|length > 0 %}

conditional/templates/spring_evals.html

@@ -93,7 +93,11 @@ <h6 class="eval-uid">{{m['uid']}}</h6>
                         </div>
 
                 {% if m['house_meetings_missed']|length > 0 or m['major_projects_len'] > 0 %}
-                        <button class="btn-expand-panel" role="button" data-toggle="collapse" href="#evalsCollapse{{m['uid']}}" aria-expanded="false" aria-controls="evalsCollapse{{m['uid']}}"><span class="glyphicon glyphicon glyphicon-menu-down"></span></button>
+                    <div class="evals-dropdown">
+                        <span class="btn-expand-panel" role="button" data-toggle="collapse" href="#evalsCollapse{{m['uid']}}" aria-expanded="false" aria-controls="evalsCollapse{{m['uid']}}">
+                            <span class="glyphicon glyphicon glyphicon-menu-down"></span>
+                        </span>
+                    </div>
                 {% endif %}
                 <div class="collapse" id="evalsCollapse{{m['uid']}}">
                     {% if m['house_meetings_missed']|length > 0 %}

frontend/stylesheets/pages/_evals.scss

@@ -72,3 +72,7 @@
   box-shadow: none;
   padding: 3px 7px;
 }
+
+.evals-dropdown {
+  text-align: center;
+}