The arrows in Next / Prev don't show for me.

Using it this way looks very fragile to me; let's just avoid this.

Change-Id: I7459f3b215f5f9930287566a1bd946a94e9b343b
Reviewed-on: https://gerrit.libreoffice.org/38512
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
Tested-by: Jan Holesovsky <kendy@collabora.com>

loleaflet/dist/searchControl.css

@@ -20,6 +20,7 @@
 	float: left !important;
 	margin: 0px !important;
 	margin-right: 6px !important;
+	width: 20%;
 }
 .findReplaceVex .vex-dialog-button {
 	text-transform: initial !important;
@@ -31,4 +32,4 @@
 	     -o-transition: background-color 0.8s linear;
 	        transition: background-color 0.8s linear;
 
-}
+}

loleaflet/src/control/Control.Menubar.js

@@ -475,13 +475,13 @@ L.Control.Menubar = L.Control.extend({
 							$vexContent.data().vex.option = 'replaceAll';
 						}}),
 					$.extend({}, vex.dialog.buttons.findPrev, {
-						text: '⯇ ' + _('Prev'),
+						text: _('Previous'),
 						className: 'btnArrow',
 						click: function($vexContent, e) {
 							$vexContent.data().vex.option = 'previous';
 						}}),
 					$.extend({}, vex.dialog.buttons.findNext, {
-						text: _('Next') + ' ⯈',
+						text: _('Next'),
 						className: 'btnArrow',
 						click: function($vexContent, e) {
 							$vexContent.data().vex.option = 'next';