From 09909f32700e19076cf151f2fa3ccf08b76f146c Mon Sep 17 00:00:00 2001
From: "Jason F. McBrayer" <McBrayJF@dhec.sc.gov>
Date: Thu, 6 Sep 2018 09:49:01 -0400
Subject: [PATCH] Overflow-auto the media attachments so they don't do it to
 the toot box

---
 brutaldon/static/css/brutaldon-dark.css    | 5 +++++
 brutaldon/static/css/brutaldon.css         | 5 +++++
 brutaldon/templates/main/toot_partial.html | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/brutaldon/static/css/brutaldon-dark.css b/brutaldon/static/css/brutaldon-dark.css
index f972f50..e043440 100644
--- a/brutaldon/static/css/brutaldon-dark.css
+++ b/brutaldon/static/css/brutaldon-dark.css
@@ -116,6 +116,11 @@ emoji-link
     }
 }
 
+.level.attachments
+{
+    overflow: auto;
+}
+
 .file-cta
 {
     -webkit-border-top-left-radius: 5px;
diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css
index 02a435a..0b3a38c 100644
--- a/brutaldon/static/css/brutaldon.css
+++ b/brutaldon/static/css/brutaldon.css
@@ -97,6 +97,11 @@ emoji-link
     font-size: 2em;
 }
 
+.level.attachments
+{
+    overflow: auto;
+}
+
 
 @media screen and (max-width: 768px) {
     .media {
diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html
index ea82f68..389fe3c 100644
--- a/brutaldon/templates/main/toot_partial.html
+++ b/brutaldon/templates/main/toot_partial.html
@@ -53,7 +53,7 @@
 
                 {% if toot.media_attachments %}
                 <br>
-                <div class="level">
+                <div class="level attachments">
                     <div class="level-left">
                         {% for media in toot.media_attachments %}
                         <a class="level-item" href="{{ media.url }}">