The side bar and status area are now hidable via UI Settings, and the…

… system name button can now be configured to toggle the sidebar.

ui3.htm

@@ -188,7 +188,7 @@
 		</div>
 	</div>
 	<div id="layouttop">
-		<div id="systemnamewrapper" onclick="systemNameButtonClick()"><span id="systemname">%%SYSNAME%%</span></div>
+		<div id="systemnamewrapper" onclick="systemNameButtonClick()"><span id="systemname">%%SYSNAME%%</span><div id="sidebar_hidden_button" onclick="SidebarHiddenButtonClick(event)" title="Side Bar is hidden"><svg class="icon noflip"><use xlink:href="#sidebar_hidden"></use></svg></div></div>
 		<div class="topbar_tab selected" name="live" id="topbar_tab_live"><span class="topbar_tab_label">Live View</span></div>
 		<div class="topbar_tab" name="clips" id="topbar_tab_clips"><span class="topbar_tab_label">Clips</span></div>
 		<div class="topbar_tab" name="timeline" id="topbar_tab_timeline"><span class="topbar_tab_label">Time&#8203;line</span></div>

ui3/ui3.css

@@ -243,6 +243,11 @@ body, #layouttop, #layoutleft, #layoutbody, #layoutbottom, .unselectable
 	background-color: var(--panel-bg-color);
 }
 
+	#layoutleft.disabledBySetting
+	{
+		display: none;
+	}
+
 .clipExportPanel
 {
 	width: 256px;
@@ -456,6 +461,44 @@ body, #layouttop, #layoutleft, #layoutbody, #layoutbottom, .unselectable
 	background-color: #a35513;
 }
 
+#systemnamewrapper
+{
+	position: relative;
+}
+
+	#systemnamewrapper #sidebar_hidden_button
+	{
+		display: none;
+		line-height: 0px;
+		font-size: 0px;
+		position: absolute;
+		left: 0px;
+		top: 2px;
+		opacity: 0.4;
+		/*background-color: rgba(0,0,0,0.4);*/
+	}
+
+		#systemnamewrapper #sidebar_hidden_button:hover
+		{
+			opacity: 0.8;
+		}
+
+		#systemnamewrapper #sidebar_hidden_button svg
+		{
+			width: 32px;
+			height: 32px;
+		}
+
+		#systemnamewrapper #sidebar_hidden_button.visible
+		{
+			display: block;
+		}
+
+svg .svg_sidebar
+{
+	opacity: 0.667;
+}
+
 .topbar_tab
 {
 	height: 56px;
@@ -1548,6 +1591,10 @@ div.invisibleLabel
 	bottom: 15px; /* Coupled: #sidebarPortraitDragbar top and height, #layoutleft margin-top, #statusArea bottom */
 }
 
+#statusArea.disabledBySetting
+{
+	display: none;
+}
 
 .serverStatusLabel
 {