STUDIOS-45: Kind of an ugly hack to get around the back button on sin…

…gle pages over lapping the log in and preferences buttons at large type sizes.

wp-content/themes/fluid-studios/header.php

@@ -110,10 +110,10 @@ classnameMap: {
 				</<?php echo $heading_tag; ?>>
 				<nav class="fls-access">
 					<ul class="fl-clearfix">
-						<li id="uioProxyButton" class="fl-toggleButton"><a href="#">Show display preferences</a></li>
-						<li class="fls-loginout-link"><?php wp_loginout(); ?></li>
 						<?php if(is_single()) echo('<li class="fls-back-link"><!-- Note: The id "flsc-go-back-link" is used @ js/fluid-studios.js. Synchronizing both is the key to have "back" link work. -->
 						<a href="#" id="flsc-go-back-link" title="Go Back">Back<span class="fls-back-link-text"> to <span class="fls-back-link-text fluid">fluid</span><span class="fls-back-link-text studios">STUDIOS</span></span></a></li>'); ?>
+						<li id="uioProxyButton" class="fl-toggleButton"><a href="#">Show display preferences</a></li>
+						<li class="fls-loginout-link"><?php wp_loginout(); ?></li>
 
 					</ul>
 					<script>

wp-content/themes/fluid-studios/style.css

@@ -221,8 +221,13 @@ h1.fls-logo{
 	height:1.5625em; /* 25 / 16 */
 	margin-bottom:-0.75em;
 	overflow:hidden;
+	position:relative;
 	width:1.5625em; /* 25 / 16 */
 }
+.single .fls-loginout-link a,
+.single .fl-toggleButton a{
+	margin-bottom:0;
+}
 .fls-theme .fls-loginout-link a:hover,
 .fls-theme .fl-toggleButton a:hover{
 	background-color: #cc0;