From de40511bc2b9292197b7518191675a3d440f0007 Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: May 12 2016 03:52:19 +0000
Subject: make comment on PR diffs fit the parent, and not overflow horiz


Fixes #963

Sice the PR diffs are displayed by a 3rd party tool, they are currently
put into a table, and the comment feilds we are appending to them are
stretched out to the size of the length of the line in the diff, which
is not a good way to present it

This patch adds some css styles to rescrict the size of these comment
boxes at the different viewport widths, so it will not scroll
horizontally.

---

diff --git a/pagure/static/pagure.css b/pagure/static/pagure.css
index fb96f68..34f7d57 100644
--- a/pagure/static/pagure.css
+++ b/pagure/static/pagure.css
@@ -523,3 +523,18 @@ th[data-sort] {
 .readme dd{
 	margin-left:2em;
 }
+
+/*Our specific responsive overrides*/
+
+@media (min-width:544px) {
+.pr_comment_form .card, .inline-pr-comment .card{max-width:500px}
+}
+@media (min-width:768px) {
+.pr_comment_form .card, .inline-pr-comment .card{max-width:400px}
+}
+@media (min-width:992px) {
+.pr_comment_form .card, .inline-pr-comment .card{max-width:550px}
+}
+@media (min-width:1200px) {
+.pr_comment_form .card, .inline-pr-comment .card{max-width:680px}
+}