Merge branch 'feature/accessibility-list-reorder' into feature/shortcuts

Conflicts:
	src/components/App.jsx

src/styles/_layer.scss

@@ -137,6 +137,7 @@
   user-select: none;
   padding: $margin-2;
   line-height: 20px;
+  border-top: solid 1px #36383e;
 
   @include flex-row;
 
@@ -206,10 +207,11 @@
   display: flex;
   padding: 6px;
   background: $color-black;
-  border-bottom: solid 1px $color-midgray;
 
   &__title {
     flex: 1;
+    margin: 0;
+    line-height: 24px;
   }
 
   &__info {

src/styles/_modal.scss

@@ -139,6 +139,7 @@
   font-size: $font-size-5;
   color: $color-lowgray;
   background-color: transparent;
+  width: 100%;
 
   @include flex-row;
 }

src/styles/_toolbar.scss

@@ -16,6 +16,8 @@
   background-color: $color-black;
   padding: $margin-2;
   height: $toolbar-height;
+  position: relative;
+  overflow: hidden;
 
   h1 {
     display: inline;
@@ -80,3 +82,23 @@
   flex: 1;
   overflow-y: auto;
 }
+
+.maputnik-toolbar-skip {
+  position: absolute;
+  overflow: hidden;
+  width: 0px;
+  height: 100%;
+  text-align: center;
+  display: block;
+  background-color: $color-black;
+  z-index: 999;
+  line-height: 40px;
+  left: 0;
+  top: 0;
+
+  &:active,
+  &:focus {
+    width: 100%;
+  }
+}
+