fix(theme-ui): update theme branding

Moved the logo to the right, and changed its width to auto
as it was squeezed before.

site/includes/brand.hbs

@@ -1,4 +1,4 @@
-<a href="{{altLangPrefix}}-{{language}}.html">
-	<img role="presentation" alt="" src="{{rampAssets}}/images/bobcat_logo_sharp_smaller_s_white.png"/>
-	<span>{{t "page.siteTitle"}}<span class="wb-inv">{{{i18n "comma-space"}}}</span><small>{{{i18n "site-tagline"}}}</small></span>
+<a href="{{altLangPrefix}}-{{language}}.html" class="ramp-brand">	
+    <span>{{t "page.siteTitle"}}<span class="wb-inv">{{{i18n "comma-space"}}}</span><small>{{{i18n "site-tagline"}}}</small></span>
+    <img role="presentation" alt="" src="{{rampAssets}}/images/bobcat_logo_sharp_smaller_s_white.png" />
 </a>

src/css/layout/base.less

@@ -6,7 +6,6 @@ main {
     position: absolute;
     top: @header-height;
     bottom: 30px;
-
     margin: 0 !important;
     padding: 0 !important;
 }
@@ -19,8 +18,7 @@ main {
 }
 
 /* BODY START */
-html
-{
+html {
     overflow: hidden;
     height: 100%;
 }
@@ -34,13 +32,11 @@ body {
     font-style: italic;
 }
 
-.height-100
-{
+.height-100 {
     height: 100%;
 }
 
-.invisible
-{
+.invisible {
     visibility: hidden;
 }
 
@@ -53,6 +49,19 @@ footer {
     width: 100% !important;
 }
 
+#wb-sttl .ramp-brand {
+    display: table;
+    width: 100%;
+    margin-left: 1px;
+
+    > img {
+        display: table-cell;
+        float: right;
+        width: auto;
+        margin-right: -7px;
+    }
+}
+
 // date modified
 #wb-dtmd {
     padding: 6px 9px 0 10px;
@@ -64,8 +73,7 @@ footer {
 #gcwu-psnb-in, .mb-menu, /* menu and breadcrumb width reset */
 #gcwu-bc-in, /* core width reset */
 #wb-core-in, #wb-main,
-#gcwu-sft-in /* footer width reset */
-{
+#gcwu-sft-in /* footer width reset */ {
     width: 100% !important;
 }