fixed youtube player overflow

1modm · May 3, 2016 · 967d9ff · 967d9ff
1 parent e02f8a4
commit 967d9ff
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/static/css/editor.css b/static/css/editor.css
@@ -847,6 +847,23 @@ label, .data-media-upload {
 }
 .data-section input[type="text"] {height: 28px;}
 
+.data-media-preview {
+	display: inline-block;
+	width: 35%;
+	margin-right: 4%;
+	vertical-align: top;
+}
+
+.data-media-details {
+	display: inline-block;
+	width: 60%
+}
+
+.vco-media-item {
+	width: 100%;
+	height: auto;
+}
+
 .data-media-icons {
 	text-align:right;
 	width:100%;

diff --git a/templates/_editor.html b/templates/_editor.html
@@ -68,10 +68,10 @@
                         <span class="vco-icon-wikipedia"></span>
                     </div>
 					-->
-                    <div class="data-media-preview" style='display: inline-block; width: 35%; margin-right: 4%; vertical-align: top;'>
-                      
+                    <div class="data-media-preview">
+
                     </div>
-                    <div class="" style='display: inline-block; width: 60%'>
+                    <div class="data-media-details">
                       <input id="url" type="text" placeholder="URL to your media">
 
                       <div class="data-media-upload">