From 788f4a9f8a6a9edba294a33016a1dac8f2bd23e2 Mon Sep 17 00:00:00 2001
From: Calin Crisan <ccrisan@gmail.com>
Date: Sun, 20 Dec 2015 18:55:14 +0200
Subject: [PATCH] fixed vertical fit layout on small screens with settings
 opened

---
 motioneye/static/css/main.css | 1 +
 motioneye/static/js/main.js   | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/motioneye/static/css/main.css b/motioneye/static/css/main.css
index 22d0453..cffa4b3 100644
--- a/motioneye/static/css/main.css
+++ b/motioneye/static/css/main.css
@@ -1192,6 +1192,7 @@ img.camera-progress {
 @media all and (max-width: 1200px) {
     div.page-container {
         font-size: 16px !important;
+        margin-left: auto !important;
     }
 
     div.camera-frame {
diff --git a/motioneye/static/js/main.js b/motioneye/static/js/main.js
index fcbe117..01aac80 100644
--- a/motioneye/static/js/main.js
+++ b/motioneye/static/js/main.js
@@ -931,7 +931,7 @@ function updateLayout() {
         var width = parseInt(ratio * windowHeight * columns);
         var maxWidth = windowWidth;
         
-        if (pageContainer.hasClass('stretched') && windowWidth > 1000) {
+        if (pageContainer.hasClass('stretched') && windowWidth > 1200) {
             maxWidth *= 0.6; /* opened settings panel occupies 40% of the window width */ 
         }
         
@@ -1300,6 +1300,13 @@ function applyPrefs(dict) {
     fitFramesVertically = dict['fit_frames_vertically']
     framerateFactor = dict['framerate_factor'];
     resolutionFactor = dict['resolution_factor'];
+    
+    if (fitFramesVertically) {
+        getPageContainer().addClass('fit-frames-vertically');
+    }
+    else {
+        getPageContainer().removeClass('fit-frames-vertically');
+    }
 }
 
 function savePrefs() {
-- 
2.39.5