From 2ac2bb68ce0c0eefb558fd72f1f92cd0aa64f288 Mon Sep 17 00:00:00 2001
From: =?utf8?q?M=C3=A1rk=20M=C3=A9r=C3=A9sz?= <USER\mark.meresz>
Date: Tue, 24 Jul 2018 12:29:27 +0000
Subject: [PATCH] git-tfs-id:
 [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C31216

---
 .../pages/searchitems.zul                     | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/server/user.jobengine.osgi.server/pages/searchitems.zul b/server/user.jobengine.osgi.server/pages/searchitems.zul
index 2e5f0057..539f80ba 100644
--- a/server/user.jobengine.osgi.server/pages/searchitems.zul
+++ b/server/user.jobengine.osgi.server/pages/searchitems.zul
@@ -6,6 +6,11 @@
 
 <zk xmlns:w="http://www.zkoss.org/2005/zk/client">
 	<script type="text/javascript">
+	
+	
+	if(document.getElementsByClassName("menuButtonsContainer")[0].offsetWidth&lt;400)
+		console.log("dismiss all menubuttons labels");
+	
 		function clearSelection () {
 			if(window.getSelection) {
 				if (window.getSelection().empty) {  // Chrome
@@ -69,13 +74,17 @@
 
 		.type-inlist { width:80px; border-left:1px solid #008AC8; border-bottom:1px solid #008AC8; padding:4px; }
 
-		.buttonBold{ font-weight:bold; width:200px;} .menuButtons{ display: flex; justify-content: space-around; padding:5px 20px 5px 20px; } .menuButtons
+		.buttonBold{ font-weight:bold; width:200px;} .menuButtons{     display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    padding: 5px 20px 5px 20px;
+    align-content: space-around; } .menuButtons
 		>button{ width:200px; } .z-messagebox-window{ top:40% !important; width:30% !important; } .z-toolbar-start{ width:100%; }
 
 	</style>
 	<div id="scdiv" width="100%" height="100%" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('user.jobengine.zk.model.SearchModel')">
 		<timer id="timer" delay="1" repeats="false" onTimer="@command('uiTick')" />
-		<borderlayout>
+		<borderlayout width="100%" height="100%">
 			<west border="none" size="60%" splittable="true" minsize="500">
 				<div height="100%" width="100%">
 					<groupbox vflex="min" closable="false">
@@ -235,14 +244,14 @@
 					</north>
 					<center border="none">
 						<div height="100%">
-							<toolbar width="100%" height="40px" style="font-size:8px">
-							<div style="width:400px; margin:auto;">
+							<toolbar width="100%" style="min-height:40px; font-size:8px">
+							<div style="max-width:450px; margin:auto;" >
 								<div sclass="menuButtons">
 									<toolbarbutton image="/img/ic_compare_arrows_black_18dp.png" autodisable="self" onClick="@command('showInResults')"
 										disabled="@load(vm.selectedObject eq null)" label="Szinkronizálás" />
-									<toolbarbutton image="/img/ic_shopping_cart_black_18dp.png" autodisable="self" onClick="@command('downloadMedia')"
+									<toolbarbutton sclass="col-xs-12" image="/img/ic_shopping_cart_black_18dp.png" autodisable="self" onClick="@command('downloadMedia')"
 										disabled="@load(not vm.hasTSMMediaFile)" label="Kosárba" />
-									<toolbarbutton image="/img/baseline_share_black_18dp.png" autodisable="self" onClick="@command('copyMediaIdToClipboard')"
+									<toolbarbutton image="/img/baseline_share_black_18dp.png" autodisable="self" onClick="@command('copyMediaIdToClipboard')" 
 										disabled="@load(not sessionScope.userPrincipal.editor or sessionScope.userPrincipal.anonymous or vm.selectedObject eq null)" label="Megosztás" />
 									<toolbarbutton image="/img/baseline_edit_black_18dp.png" autodisable="self" onClick="@command('openMetaDataDialog')"
 										disabled="@load(not sessionScope.userPrincipal.editor or sessionScope.userPrincipal.anonymous or vm.selectedObject eq null)" label="Szerkesztés" />
-- 
2.54.0