Fix stacked buttons on mobile

Author: steph1111

_data/members.yml

@@ -1,17 +1,17 @@
 - name: Stephanie L'Heureux
   image: https://cdn.pixabay.com/photo/2015/01/08/18/27/startup-593341_960_720.jpg
   link:
-  roles: Software & Marketing
+  roles: President<br>Software & Marketing
   description: Stephanie is a sophomore studying CS and mechatronics. She plans to pursue a career in software development for robotics after completing a bachelors and masters program.
 - name: Liam Gilligan
   link:
   image: https://cdn.pixabay.com/photo/2015/01/09/11/08/startup-594090_960_720.jpg
-  roles: Software
+  roles: Treasurer<br>Software Lead
   description: Liam is a sophomore studying Math and Physics. He plans to continue his education and pursue a career in research and academia.
 - name: Isaac Wax
   link:
   image: https://cdn.pixabay.com/photo/2016/06/25/12/55/art-1478831_960_720.jpg
-  roles: Electrical & Mechanical
+  roles: Hardware Lead<br>Electrical & Mechanical
   description: Isaac is going into his third year of an EE degree. He plans to complete a bachelors degree and possibly a masters degree. After school he is interested in the field of robotics.
 - name: Rowan Garties
   link:

_includes/team-member-card.html

@@ -10,8 +10,8 @@
                     <div class="card">
                         <figure class="image is-4by5" style="background-image: url({{member.image}});"></figure>
                         <div class="card-content">
-                            <h2 class="has-text-white-ter has-text-weight-bold is-size-6">{{ member.name }}</h2>
-                            <p class="has-text-weight-normal">{{ member.roles }}</p>
+                            <h2 class="name has-text-white-ter has-text-weight-bold is-size-6">{{ member.name }}</h2>
+                            <p class="roles has-text-weight-normal">{{ member.roles }}</p>
                         </div>
                     </div>
                 </div>