From 46110287b3b5532ec4ec624dc68d3fa63fc1be68 Mon Sep 17 00:00:00 2001
From: brb <e0925302@student.tuwien.ac.at>
Date: Wed, 19 Nov 2014 23:17:36 +0100
Subject: [PATCH] Fixed bug of content not expanding on page load

---
 app/common/main-controller.js | 4 ++--
 app/styles/Style.css          | 4 ++++
 app/subsonic/subsonic.html    | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/common/main-controller.js b/app/common/main-controller.js
index a1df85a..4e4ec0b 100644
--- a/app/common/main-controller.js
+++ b/app/common/main-controller.js
@@ -110,12 +110,12 @@
     $rootScope.showQueue = function () {
         //$.fancybox.open();
         $('#SideBar').css('display', '').fadeIn(400);
-        $('#right-component').css('margin-right', "350px");
+        $('#right-component').removeClass('lgcolumn_expanded');
     };
     $rootScope.hideQueue = function () {
         //$.fancybox.close();
         $('#SideBar').fadeOut();
-        $('#right-component').css('margin-right', '0px');
+        $('#right-component').addClass('lgcolumn_expanded');
     };
     $scope.toggleQueue = function () {
         if ($('#SideBar').css('display') == 'none') {
diff --git a/app/styles/Style.css b/app/styles/Style.css
index 12e23fc..2aa9560 100644
--- a/app/styles/Style.css
+++ b/app/styles/Style.css
@@ -244,6 +244,10 @@ span.apiversion
 	margin-left: 312px;
 	margin-right: 350px;
 }
+.lgcolumn_expanded
+{
+    margin-right: 0 !important;
+}
 .colspacer {
 	height: 100px;
 	width: 100%;
diff --git a/app/subsonic/subsonic.html b/app/subsonic/subsonic.html
index b6b38e7..c753d7f 100644
--- a/app/subsonic/subsonic.html
+++ b/app/subsonic/subsonic.html
@@ -30,7 +30,7 @@
         </div>
         <div id="SubsonicAlbums" class="lgsection" split>
             <!-- Album -->
-            <div id="right-component" class="lgcolumn">
+            <div id="right-component" class="lgcolumn" ng-class="{'lgcolumn_expanded' : !$rootScope.settings.ShowQueue}">
                 <ul class="actionlist">
                     <li>
                         <form class="form">