git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube...

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