Release 1:

Beta labeling removed.
The "Clip Preview Animations" feature is no longer considered a beta feature, and the setting has been renamed, effectively re-enabling it for any user who had it disabled during the beta.
Ptz preset thumbnails behave much more nicely on touchscreens.
Fixed bug where thumbnail popups were cropped on narrow screens.
The UI version number is now visible in the session status toast message (the message must be enabled in UI Settings > Extra).
Moved "Context Menu Compatibility Mode" setting to the "Extra" category.
The system name in the upper left corner is now a shortcut to a Main Menu item of the user's choice, configurable in UI Settings > Extra.  The default action is "About This UI".
Replaced png browser logos in "About This UI" panel with optimized svg versions to improve UI loading time.

ui3.htm

@@ -33,7 +33,7 @@
 		};
 	</script>
 	<script type="text/javascript">
-		var ui_version = "b30";
+		var ui_version = "1";
 		var bi_version = "%%VERSION%%";
 		var combined_version = ui_version + "-" + bi_version;
 		//if (!!navigator.userAgent.match(/ Android /))
@@ -104,7 +104,7 @@
 	</div>
 	<div id="layouttop" class="resizable">
 		<div id="topbar_vertical_align_helper"></div>
-		<div id="systemnamewrapper"><span id="systemname">%%SYSNAME%%</span></div>
+		<div id="systemnamewrapper" onclick="systemNameButtonClick()"><span id="systemname">%%SYSNAME%%</span></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="alerts" id="topbar_tab_alerts"><span class="topbar_tab_label">Alerts</span></div>
 		<div class="topbar_tab" name="clips" id="topbar_tab_clips"><span class="topbar_tab_label">Clips</span></div>
@@ -382,10 +382,10 @@
 			UI3 is designed for use with:
 		</div>
 		<div style="margin-top:10px;">
-			<a target="_blank" href="https://www.google.com/chrome"><img src="ui3/chrome48.png" alt="" style="vertical-align: middle;width:24px;height:24px;margin-right:10px;" />Google Chrome</a>
+			<a target="_blank" href="https://www.google.com/chrome"><div class="browserIcon"><svg class="icon noflip"><use xlink:href="#svg_chrome"></use></svg></div>Google Chrome</a>
 		</div>
 		<div style="margin-top:10px;">
-			<a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/"><img src="ui3/firefox48.png" alt="" style="vertical-align: middle;width:24px;height:24px;margin-right:10px;" />Mozilla Firefox</a>
+			<a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/"><div class="browserIcon"><svg class="icon noflip"><use xlink:href="#svg_firefox"></use></svg></div>Mozilla Firefox</a>
 		</div>
 		<div style="margin:10px 0px 20px 0px;">
 			Other browsers, including mobile versions of those listed above, may or may not provide full functionality.

ui3/ui3.css

@@ -22,6 +22,7 @@ svg.icon
 {
 	transform: rotate(90deg);
 }
+
 .rotate270 svg.icon, svg.rotate270
 {
 	transform: rotate(-90deg);
@@ -229,6 +230,11 @@ body, #layouttop, #layoutleft, #layoutbody, #layoutbottom, .unselectable
 	color: #FFFFFF;
 }
 
+	#systemnamewrapper.hot
+	{
+		cursor: pointer;
+	}
+
 .topbar_tab
 {
 	height: 56px;
@@ -860,7 +866,7 @@ div.invisibleLabel
 {
 	position: relative;
 	vertical-align: top;
-    overflow: hidden;
+	overflow: hidden;
 }
 
 .presetThumb
@@ -893,6 +899,12 @@ div.invisibleLabel
 		max-height: 100%;
 	}
 
+	#bigThumb canvas
+	{
+		width: 100%;
+		height: 100%;
+	}
+
 .bigThumbDescription
 {
 	white-space: nowrap;
@@ -3047,6 +3059,15 @@ div.invisibleLabel
 		margin-top: 10px;
 	}
 
+	#aboutDialog .browserIcon
+	{
+		display: inline-block;
+		vertical-align: middle;
+		width: 24px;
+		height: 24px;
+		margin-right: 10px;
+	}
+
 .about_icon
 {
 	float: right;