From ab7d06cd30dde88953df1bd6865d5df1bebe3022 Mon Sep 17 00:00:00 2001
From: Toks <tttoksss@gmail.com>
Date: Thu, 6 Nov 2014 17:35:40 -0500
Subject: [PATCH] Fix seek slider for thin ugoira

---
 app/assets/javascripts/posts.js                | 5 +++--
 app/views/posts/partials/show/_ugoira.html.erb | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/posts.js b/app/assets/javascripts/posts.js
index 6765d1d7c..8cc26b0fe 100644
--- a/app/assets/javascripts/posts.js
+++ b/app/assets/javascripts/posts.js
@@ -432,8 +432,9 @@
 
   Danbooru.Post.resize_ugoira_controls = function() {
     var $img = $("#image");
-    $("#ugoira-control-panel").css("width", $img.width());
-    $("#seek-slider").css("width", $img.width() - 81);
+    var width = Math.max($img.width(), 350);
+    $("#ugoira-control-panel").css("width", width);
+    $("#seek-slider").css("width", width - 81);
   }
 
   Danbooru.Post.notice_update = function(x) {
diff --git a/app/views/posts/partials/show/_ugoira.html.erb b/app/views/posts/partials/show/_ugoira.html.erb
index 8616d137b..9a8cdc675 100644
--- a/app/views/posts/partials/show/_ugoira.html.erb
+++ b/app/views/posts/partials/show/_ugoira.html.erb
@@ -22,11 +22,11 @@
 ) %>
 
 <div id="ugoira-controls">
-  <div id="ugoira-control-panel" style="width: <%= @post.image_width %>px;">
+  <div id="ugoira-control-panel" style="width: <%= [@post.image_width, 350].max %>px;">
     <%= button_tag "Play", :id => "ugoira-play", :style => "display: none;" %>
     <%= button_tag "Pause", :id => "ugoira-pause" %>
     <p id="ugoira-load-progress">Loaded <span id="ugoira-load-percentage">0</span>%</p>
-    <div id="seek-slider" style="display: none; width: <%= @post.image_width - 81 %>px;"></div>
+    <div id="seek-slider" style="display: none; width: <%= [@post.image_width, 350].max - 81 %>px;"></div>
   </div>
   <p id="save-video-link">
     <% if post.has_ugoira_webm? %>