From ee112121488e0add164dad310105e34ce43f2970 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Mon, 1 Aug 2016 14:16:07 -0400
Subject: [PATCH] fix sync layout

---
 dashboard-ui/components/remotecontrol.js |  2 +-
 dashboard-ui/nowplaying.html             |  2 +-
 dashboard-ui/scripts/librarybrowser.js   |  4 ++++
 dashboard-ui/scripts/syncactivity.js     | 10 ++++++++++
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/dashboard-ui/components/remotecontrol.js b/dashboard-ui/components/remotecontrol.js
index b52461c2aa..bf102c70cd 100644
--- a/dashboard-ui/components/remotecontrol.js
+++ b/dashboard-ui/components/remotecontrol.js
@@ -1,4 +1,4 @@
-define(['browser', 'datetime', 'libraryBrowser', 'listView', 'userdataButtons'], function (browser, datetime, libraryBrowser, listView, userdataButtons) {
+define(['browser', 'datetime', 'libraryBrowser', 'listView', 'userdataButtons', 'cardStyle'], function (browser, datetime, libraryBrowser, listView, userdataButtons) {
 
     function showSlideshowMenu(context) {
         require(['scripts/slideshow'], function () {
diff --git a/dashboard-ui/nowplaying.html b/dashboard-ui/nowplaying.html
index 74d9351ac9..86b6e3d221 100644
--- a/dashboard-ui/nowplaying.html
+++ b/dashboard-ui/nowplaying.html
@@ -186,7 +186,7 @@
             </div>
         </div>
         <div class="pageTabContent ehsContent" id="playlistTab" data-index="2">
-            <div class="playlist itemsContainer" is="emby-itemscontainer" style="max-width: 800px; margin: 3em auto 0; padding-bottom: 200px;">
+            <div class="playlist itemsContainer vertical-list" is="emby-itemscontainer" style="max-width: 800px; margin: 3em auto 0; padding-bottom: 200px;">
             </div>
         </div>
     </div>
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 5514ae2a96..fb337072e2 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -113,6 +113,10 @@
 
                 function allowSwipeOn(elem) {
 
+                    if (dom.parentWithTag(elem, 'input')) {
+                        return false;
+                    }
+
                     if (elem.classList) {
                         return !elem.classList.contains('hiddenScrollX') && !elem.classList.contains('smoothScrollX') && !elem.classList.contains('libraryViewNav');
                     }
diff --git a/dashboard-ui/scripts/syncactivity.js b/dashboard-ui/scripts/syncactivity.js
index 6f3aa4752e..4d85e3f253 100644
--- a/dashboard-ui/scripts/syncactivity.js
+++ b/dashboard-ui/scripts/syncactivity.js
@@ -179,6 +179,8 @@
             showTargetName = !hasLocalSync();
         }
 
+        var hasOpenSection = false;
+
         for (var i = 0, length = jobs.length; i < length; i++) {
 
             var job = jobs[i];
@@ -188,9 +190,11 @@
                 if (targetName != lastTargetName) {
 
                     if (lastTargetName) {
+                        html += '</div>';
                         html += '<br/>';
                         html += '<br/>';
                         html += '<br/>';
+                        hasOpenSection = false;
                     }
 
                     lastTargetName = targetName;
@@ -200,12 +204,18 @@
                     html += '<div>' + targetName + '</div>';
 
                     html += '</div>';
+                    html += '<div class="itemsContainer vertical-wrap">';
+                    hasOpenSection = true;
                 }
             }
 
             html += getSyncJobHtml(page, job, cardBoxCssClass, syncJobPage);
         }
 
+        if (hasOpenSection) {
+            html += '</div>';
+        }
+
         var elem = $('.syncActivity', page).html(html).lazyChildren();
 
         $('.btnJobMenu', elem).on('click', function () {