Fixed bug of content not expanding on page load

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') {

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%;

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">