-<div id="menuArea" class="overlayArea">
-<image src="style/track.svg" id="trackButton" value="Track"
+<div id="menuArea" class="autoFade overlayArea">
+<image src="style/track.svg" class="controlButton" id="trackButton" value="Track"
<!-- other possible characters: ◰ -->
<input type="button" id="fullscreenButton" value="▣"
onclick="toggleFullscreen();">
</div>
<!-- other possible characters: ◰ -->
<input type="button" id="fullscreenButton" value="▣"
onclick="toggleFullscreen();">
</div>
-<div id="libraryArea" class="hidden">
-The following tracks are saved on the Lantea Maps Server:
+<div id="libraryArea" class="overlayArea fullScreenOverlay secondaryUI hidden">
+<p>The following tracks are saved on the Lantea Maps Server:</p>
<canvas id="map" width="500" height="500">
Please use a browser that supports <canvas> elements.
<canvas id="map" width="500" height="500">
Please use a browser that supports <canvas> elements.