Only show the region switcher when there are multiple regions

ui/app/styles/core/menu.scss

@@ -27,6 +27,10 @@
 
     .menu-item {
       margin: 0.5rem 1.5rem;
+
+      &.is-wide {
+        margin: 0.5rem 1rem;
+      }
     }
   }
 

ui/app/templates/components/global-header.hbs

@@ -17,15 +17,17 @@
 </nav>
 <div class="navbar is-secondary">
   <div class="navbar-item is-gutter">
-    {{#power-select
-      data-test-region-switcher
-      triggerClass="is-outlined"
-      options=sortedRegions
-      selected=system.activeRegion
-      searchEnabled=false
-      onchange=(action gotoRegion) as |region|}}
-      <span class="ember-power-select-prefix">Region: </span>{{region}}
-    {{/power-select}}
+    {{#if system.shouldShowRegions}}
+      {{#power-select
+        data-test-region-switcher
+        triggerClass="is-outlined"
+        options=sortedRegions
+        selected=system.activeRegion
+        searchEnabled=false
+        onchange=(action gotoRegion) as |region|}}
+        <span class="ember-power-select-prefix">Region: </span>{{region}}
+      {{/power-select}}
+    {{/if}}
   </div>
   <nav class="breadcrumb is-large">
     <ul>

ui/app/templates/components/gutter-menu.hbs

@@ -15,7 +15,7 @@
       <ul class="menu-list">
         {{#if system.shouldShowNamespaces}}
           <li>
-            <div class="menu-item">
+            <div class="menu-item is-wide">
               {{#power-select
                 data-test-namespace-switcher
                 options=sortedNamespaces