From 54cd616b2c5e8d5248e09a8a37981cac8f0ee826 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 22 Aug 2022 13:33:55 +0200
Subject: [PATCH] WIP Mobile view: get the nm search boxes the right size

---
 api/js/etemplate/et2_extension_nextmatch.ts | 1 +
 calendar/templates/mobile/toolbar.xet       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/api/js/etemplate/et2_extension_nextmatch.ts b/api/js/etemplate/et2_extension_nextmatch.ts
index e56b7558f6..5e8d00db77 100644
--- a/api/js/etemplate/et2_extension_nextmatch.ts
+++ b/api/js/etemplate/et2_extension_nextmatch.ts
@@ -3333,6 +3333,7 @@ export class et2_nextmatch_header_bar extends et2_DOMWidget implements et2_INext
 			value: settings.search || '',
 			fix: !egwIsMobile(),
 			placeholder: egw.lang("Search"),
+			size: egwIsMobile()?"large":''
 		};
 		// searchbox widget
 		this.et2_searchbox = <Et2Searchbox>loadWebComponent('et2-searchbox', searchbox_options, this);
diff --git a/calendar/templates/mobile/toolbar.xet b/calendar/templates/mobile/toolbar.xet
index 350fc3989b..290c17952a 100644
--- a/calendar/templates/mobile/toolbar.xet
+++ b/calendar/templates/mobile/toolbar.xet
@@ -15,7 +15,7 @@ Egroupware
 	<template id="calendar.toolbar">
 		<hbox class="et2_nextmatch" >
 			<box class="search nm-mob-header" width="100%">
-				<searchbox id="keywords" blur="Search" overlay="false"  fix="false" onchange="app.calendar.update_state({view: 'listview',search: widget.getValue()});return false;"/>
+				<searchbox id="keywords" blur="Search" overlay="false" size="large" fix="false" onchange="app.calendar.update_state({view: 'listview',search: widget.getValue()});return false;"/>
 				<toolbar id="toolbar" flat_list="false"/>
 			</box>
 		</hbox>