Commit 43ecbe3d authored by Daniel W Bond's avatar Daniel W Bond
Browse files

wrap the names of 30 character long names when showing students in rows

parent 8ccf6a75
......@@ -27,7 +27,7 @@
<div class="student-row">
<div class="row">
{% for student in graduating_year.list %}
<div class="col-sm-3 col-xs-6 text-center">
<div class="col-sm-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture">
......
......@@ -26,7 +26,7 @@
<div class="student-row">
<div class="row">
{% for student in students %}
<div class="col-sm-3 col-xs-6 text-center">
<div class="col-sm-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture">
......
......@@ -27,7 +27,7 @@
<div class="student-row">
<div class="row">
{% for student in students %}
<div class="col-sm-3 col-xs-6 text-center">
<div class="col-sm-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture">
......
......@@ -147,3 +147,7 @@ outline-offset: none;
.student-row > .row > .col-sm-3:nth-child(4n+1) {
clear: both;
}}
.wordwrap {
word-wrap: break-word;
}
......@@ -38,7 +38,7 @@ Back,
<div class="student-row">
<div class="row">
{% for student in roomies %}
<div class="col-sm-3 col-xs-6 text-center">
<div class="col-sm-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture"></img>
......@@ -64,7 +64,7 @@ Back,
<div class="student-row">
<div class="row">
{% for student in floories %}
<div class="col-md-3 col-xs-6 text-center">
<div class="col-md-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture">
......@@ -101,7 +101,7 @@ Back,
<div class="student-row">
<div class="row">
{% for student in students %}
<div class="col-sm-3 col-xs-6 text-center">
<div class="col-sm-3 col-xs-6 text-center wordwrap">
<img class="img-circle img-responsive center center-block profile-image"
src="{{ student.profile_image_url }}"
alt="{{ student.get_first_name_or_uname }} profile picture">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment