More style adjustments; remove commented code.

services/web/public/stylesheets/app/editor.less

@@ -338,6 +338,8 @@
 
 .custom-toggler when (@is-overleaf = true) {
 	position: absolute;
+	display: flex;
+	align-items: center;
 	width: 9px;	
 	height: 50px;
 	margin-top: -25px;
@@ -346,6 +348,10 @@
 	background-color: @editor-toggler-bg-color;
 	border-radius: 4px;
 
+	&:hover,
+	&:focus {
+		text-decoration: none;
+	}
 	// Increase hit area
 	&::before {
 		content: '';
@@ -372,69 +378,26 @@
 		width: 12px;
 		&.custom-toggler-east {
 			margin-right: -6px;
+			&::after {
+				margin-left: -2px;
+			}
 		}
-		.custom-toggler-west {
+		&.custom-toggler-west {
 			margin-left: -6px;
+			&::after {
+				margin-left: 3px;
+			}
 		}
-		&::before {
+		&::after {
 			content: "\22EE"; // Vertical ellipsis
 			color: #FFF;
 			font-weight: 700;
 			font-size: @font-size-h2;
-			width: @ui-resizer-extra-hit-area / 2;
+			user-select: none;
+			pointer-events: none;
 		}
 	}
 
-
-// .ui-layout-toggler.ui-layout-toggler-closed when (@is-overleaf = true) {
-// 	background-color: @editor-resizer-bg-color;
-// 	background-image: none;
-// 	line-height: @ui-layout-toggler-def-height;
-	
-// 	&::before {
-// 		content: "\22EE"; // Vertical ellipsis
-// 		display: block;
-// 		color: #FFF;
-// 		font-weight: 700;
-// 		font-size: @font-size-h2;
-// 		width: @ui-resizer-extra-hit-area / 2;
-// 	}
-// 	&:hover {
-// 		background-color: @editor-toggler-hover-bg-color;
-// 		background-image: none;
-// 	}
-// 	.ui-layout-resizer-west > & {
-// 		border-radius: 0 @border-radius-base @border-radius-base 0;
-// 		&::before {
-// 			margin-left: -2px;
-// 		}
-// 	}
-// 	.ui-layout-resizer-east > & {
-// 		border-radius: @border-radius-base 0 0 @border-radius-base;
-// 		&::before {
-// 			margin-left: (-1 - @ui-resizer-extra-hit-area);
-// 		}
-// 	}
-// }
-
-// .ui-layout-toggler-east when (@is-overleaf = true) {
-// 	&.ui-layout-toggler-open {
-// 		cursor: e-resize !important
-// 	}
-// 	&.ui-layout-toggler-closed {
-// 		cursor: w-resize !important
-// 	}
-// }
-
-// .ui-layout-toggler-west when (@is-overleaf = true) {
-// 	&.ui-layout-toggler-open {
-// 		cursor: w-resize !important
-// 	}
-// 	&.ui-layout-toggler-closed {
-// 		cursor: e-resize !important
-// 	}
-// }
-
 .ui-layout-resizer-dragging {
 	background-color: @editor-resizer-bg-color-dragging;
 }