Further adjustments to mobile display.

WordPress · Mar 12, 2018 · bf439ad · bf439ad
1 parent 2cac491
commit bf439ad
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/editor/components/default-block-appender/style.scss b/editor/components/default-block-appender/style.scss
@@ -6,21 +6,26 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		color: $dark-gray-300;
 		outline: 1px solid transparent;
 		transition: 0.2s outline;
+	}
 
-		&:hover {
-			outline: 1px solid $light-gray-500;
-		}
+	.editor-inserter__toggle {
+		border-radius: 50%;
 	}
 
 	.editor-inserter-with-shortcuts {
 		position: absolute;
 			top: 10px;
 			right: 58px;
+		display: none;
 
 		.components-icon-button {
 			color: $light-gray-700;
 			transition: color 0.2s;
 		}
+
+		@include break-small {
+			display: flex;
+		}
 	}
 
 	&:hover {
@@ -41,8 +46,13 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		opacity: 0;
 		position: absolute;
 			top: 10px;
-			left: 10px;
+			right: 10px;
 		transition: opacity 0.2s;
+
+		@include break-small {
+			left: 10px;
+			right: auto;
+		}
 	}
 }