[{"data":1,"prerenderedAt":151},["ShallowReactive",2],{"ui-script-improve-style-touch-screens-en":3},{"id":4,"title":5,"body":6,"description":138,"extension":139,"meta":140,"navigation":146,"path":147,"seo":148,"stem":149,"__hash__":150},"content/scripts/en/improve-style-touch-screens.md","Improve Style For Touch Screens",{"type":7,"value":8,"toc":129},"minimark",[9,13,18,21,25,28,57,61,81,85,107,111],[10,11,12],"p",{},"This script adjusts the Little Hotelier reservation screen for touch screens, such as a tablet at reception. It makes the Print and Email menus larger, highlights their buttons, and shows the remove-room button that otherwise only appears when a mouse hovers over it. It is for front desk teams that work on tablets or touch monitors.",[14,15,17],"h2",{"id":16},"the-problem-it-solves","The problem it solves",[10,19,20],{},"Little Hotelier's reservation screen is designed for a mouse. The Print and Email options open in small popover menus with small text, which are hard to hit with a finger. The button to remove a room from a reservation stays hidden until you hover over the room, and a touch screen has no hover, so on a tablet that button is hard to reach.",[14,22,24],{"id":23},"what-changes","What changes",[10,26,27],{},"On the reservation screen in Front Desk:",[29,30,31,39,45,51],"ul",{},[32,33,34,38],"li",{},[35,36,37],"strong",{},"Remove-room button:"," the round button to remove a room from the reservation is always visible.",[32,40,41,44],{},[35,42,43],{},"Print and Email menus:"," the items in these popover menus use much larger text (30 pixels), and the menus grow wider to fit them.",[32,46,47,50],{},[35,48,49],{},"Footer buttons:"," the Print and Email buttons in the reservation footer get a light blue background and extra spacing, so they are easy to find and tap.",[32,52,53,56],{},[35,54,55],{},"Email invoice menu:"," the small info icon next to the invoice option is hidden.",[14,58,60],{"id":59},"how-to-install","How to install",[10,62,63,64,67,68,73,74,80],{},"Install the free Tampermonkey extension in the browser of your tablet or computer, press ",[35,65,66],{},"Install on Tampermonkey"," on this page, confirm, and reload Little Hotelier. The ",[69,70,72],"a",{"href":71},"/tools/ui/instructions","installation guide"," shows every step. The script runs on Front Desk pages at app.littlehotelier.com. It is free and open source: ",[69,75,79],{"href":76,"rel":77},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/reservationDetails/improveStyleForTouchScreens.user.js",[78],"nofollow","read the code on GitHub",".",[14,82,84],{"id":83},"good-to-know","Good to know",[29,86,87,90,93,96,99],{},[32,88,89],{},"Tampermonkey must be available in the tablet's browser. Test the setup on your own device before relying on it at the desk.",[32,91,92],{},"The changes also apply on a desktop computer. The remove-room button is now always on screen, so take care not to click it by mistake.",[32,94,95],{},"It only changes styles. It does not change what any button does, and it stores nothing.",[32,97,98],{},"The newer screens on application.littlehotelier.com, such as the calendar, are not affected.",[32,100,101,102,106],{},"For more touch-friendly guest forms, ",[69,103,105],{"href":104},"/tools/ui/easy-save-province-country","Easy Save Province and Country"," also enlarges the add-guest and expand buttons.",[14,108,110],{"id":109},"related","Related",[29,112,113,119,123],{},[32,114,115],{},[69,116,118],{"href":117},"/tools/ui/compact-ui-reservation-details","Compact UI Reservation Details",[32,120,121],{},[69,122,105],{"href":104},[32,124,125],{},[69,126,128],{"href":127},"/blog/little-hotelier-chrome-extensions","Little Hotelier Chrome extensions: free userscripts",{"title":130,"searchDepth":131,"depth":131,"links":132},"",2,[133,134,135,136,137],{"id":16,"depth":131,"text":17},{"id":23,"depth":131,"text":24},{"id":59,"depth":131,"text":60},{"id":83,"depth":131,"text":84},{"id":109,"depth":131,"text":110},"Makes Little Hotelier easier on a tablet: larger Print and Email menus, highlighted footer buttons and an always-visible remove-room button on reservations.","md",{"github":76,"category":141,"images":142},"Reservation Details",{"before":143,"after":144,"gallery":145},"/images/scripts/improve-style-touch-screens/from.png","/images/scripts/improve-style-touch-screens/to.png",[143,144],true,"/scripts/en/improve-style-touch-screens",{"title":5,"description":138},"scripts/en/improve-style-touch-screens","bsaHaut-CI63UUYR1O2B23wx-ikyBv0QLu1EibJK43Y",1792099659366]