diff --git a/OpenOversight/app/static/css/openoversight.css b/OpenOversight/app/static/css/openoversight.css index 91fd01e0d..637f32e29 100644 --- a/OpenOversight/app/static/css/openoversight.css +++ b/OpenOversight/app/static/css/openoversight.css @@ -585,10 +585,42 @@ tr:hover .row-actions { } .officer-face { + border: none; height: 300px; margin: auto; } +.officer-face.officer-profile { + display: block; +} + +@media (min-width: 992px) { + .officer-face.officer-profile { + height: 510px; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .officer-face.officer-profile { + height: 590px; + } +} + +@media (max-width: 767px) { + .officer-face.officer-profile { + height: 460px; + padding-bottom: 10px; + } +} + +#face-img { + border: none; + display: block; + margin: auto; + max-height: 500px; + padding-bottom: 10px; +} + .face-wrap { margin: auto; position: relative; diff --git a/OpenOversight/app/templates/partials/officer_faces.html b/OpenOversight/app/templates/partials/officer_faces.html index 130d4d7c7..6e2010609 100644 --- a/OpenOversight/app/templates/partials/officer_faces.html +++ b/OpenOversight/app/templates/partials/officer_faces.html @@ -1,6 +1,8 @@ {% for path in paths %} {# Don't try to link if only image is the placeholder #} {% if faces %}{% endif %} - Submission + Submission {% if faces %}{% endif %} {% endfor %} diff --git a/OpenOversight/app/templates/tag.html b/OpenOversight/app/templates/tag.html index 59304812b..75ed6cf81 100644 --- a/OpenOversight/app/templates/tag.html +++ b/OpenOversight/app/templates/tag.html @@ -16,7 +16,7 @@

Tag {{ face.id }} Detail

-
You can download the full officer photo by clicking the image below:
+
You can download the full officer photo by clicking the image below.