Work on the region selector display

app/assets/stylesheets/mobile.sass

@@ -99,7 +99,7 @@
       display: block
       text-align: left
       margin-left: 1%
-    &.locality, &.repeat, &.active
+    &.region, &.locality, &.repeat, &.active
       label
         width: auto
     input

app/assets/stylesheets/region.sass

@@ -33,45 +33,29 @@ header nav
     &:hover ul
       box-shadow: 0 4px 4px gray
 
-// .field.region .radios
-//   display: inline-block
-//   text-align: left
-//   background-color: white
-//   label
-//     width: 100%
-//     display: none
-//   &:hover > .region > label
-//     display: block
-//     z-index: 1000
-//   input:checked + label
-//     display: inline
-//   .region:hover .radios
-//     z-index: 1000
-//     position: absolute
-//     box-shadow: 0 4px 4px gray
-//     margin-left: 10em
 .field.region
-  display: block
-  text-align: left
-  & > label
-    display: inline-block
   .radios
-    z-index: 1000
+    z-index: 100
-    display: inline-block
+    flex-grow: 0
+    text-align: left
     background-color: white
     .radios
       display: inline
+      min-width: 12em
     label
       display: none
       min-width: 100%
   &:hover > .radios, label:hover + .radios, .radios:hover
+    z-index: 1000
     position: absolute
     box-shadow: 0 0 0.1em black
     & > .region > label, & > label
       display: inline-block
     .radios
       position: absolute
-      min-width: 12em
+  &:hover > .radios, & > label:hover + .radios, & > .radios:hover
+    margin-left: 10em
+    transition-duration: unset
   input:checked + label
     display: inline-block