From 97cf908932ed23201d244114415e7be5176db6aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Fri, 18 Jul 2014 12:29:59 +0100
Subject: [PATCH] Prevent embeds from overflowing

Fixes #347
---
 css/glowingbear.css    | 8 +++++++-
 directives/plugin.html | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index ed761eb..223245f 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -336,8 +336,14 @@ li.notification {
     background: rgba(255,255,255,0.5);
 }
 
-img.embed {
+div.embed * {
+    max-width: 100%;
+}
+
+/* not for all img embeds so as not to affect the yr plugin (302px) */
+div.embed img.embed {
     max-height: 300px;
+    max-width: 100%;
 }
 
 
diff --git a/directives/plugin.html b/directives/plugin.html
index b3b5651..657692a 100644
--- a/directives/plugin.html
+++ b/directives/plugin.html
@@ -4,7 +4,7 @@
     Hide {{ plugin.name }}
   </button>
 
-  <div ng-bind-html="displayedContent" bo-class="'embed_' + plugin.$$hashKey"></div>
+  <div ng-bind-html="displayedContent" class="embed" bo-class="'embed_' + plugin.$$hashKey"></div>
 </div>
 
 <div ng-hide="plugin.visible">