[{"data":1,"prerenderedAt":151},["ShallowReactive",2],{"ui-script-compact-ui-reservation-details-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/compact-ui-reservation-details.md","Compact UI Reservation Details",{"type":7,"value":8,"toc":129},"minimark",[9,13,18,21,25,28,49,52,56,76,80,107,111],[10,11,12],"p",{},"This script tightens the layout of the reservation window in Little Hotelier Front Desk and gives the guest comments box more height. It is for front desk staff who open many reservations a day and want to read the notes left by guests or colleagues without scrolling inside a small box.",[14,15,17],"h2",{"id":16},"the-problem-it-solves","The problem it solves",[10,19,20],{},"Guest comments often hold the information that matters at check-in: a late arrival, a cot, a parking request, a special occasion. In the standard reservation window the comments field is short, so longer notes are cut off and you have to scroll inside it. At the same time, padding at the top of the tabs and spacing around alert areas and separator lines push the useful fields further down.",[14,22,24],{"id":23},"what-changes","What changes",[10,26,27],{},"On the reservation screen in Front Desk:",[29,30,31,40,43,46],"ul",{},[32,33,34,35,39],"li",{},"The ",[36,37,38],"strong",{},"guest comments"," text box is at least 126 pixels tall, so several lines of notes are visible at once.",[32,41,42],{},"The padding at the top of the reservation tabs' content is removed.",[32,44,45],{},"Empty alert placeholder areas no longer add a margin.",[32,47,48],{},"The horizontal separator lines lose their extra margin.",[10,50,51],{},"The fields, buttons and tabs stay where they are. Only the spacing and the height of the comments box change.",[14,53,55],{"id":54},"how-to-install","How to install",[10,57,58,59,62,63,68,69,75],{},"Install the free Tampermonkey extension, press ",[36,60,61],{},"Install on Tampermonkey"," on this page, confirm, and reload Little Hotelier. The ",[64,65,67],"a",{"href":66},"/tools/ui/instructions","installation guide"," has pictures for every step. The script runs on Front Desk pages at app.littlehotelier.com, and its styles only affect the reservation window. It is free and open source: ",[64,70,74],{"href":71,"rel":72},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/reservationDetails/compactUIReservationDetails.user.js",[73],"nofollow","the code is on GitHub",".",[14,77,79],{"id":78},"good-to-know","Good to know",[29,81,82,85,88,96,104],{},[32,83,84],{},"It works by adding a few styles when the page loads. It does not read, change or store reservation data.",[32,86,87],{},"Notes longer than the new height still scroll inside the box as usual.",[32,89,90,91,95],{},"It works the same on desktop and touch screens. For a tablet, combine it with ",[64,92,94],{"href":93},"/tools/ui/improve-style-touch-screens","Improve Style For Touch Screens",", which enlarges the Print and Email menus.",[32,97,98,99,103],{},"It also pairs well with ",[64,100,102],{"href":101},"/tools/ui/easy-save-province-country","Easy Save Province and Country",", which works on the guest forms of the same window.",[32,105,106],{},"If Little Hotelier changes the reservation window, some spacing tweaks may stop applying until the script is updated.",[14,108,110],{"id":109},"related","Related",[29,112,113,117,123],{},[32,114,115],{},[64,116,94],{"href":93},[32,118,119],{},[64,120,122],{"href":121},"/blog/hotel-front-desk-checklist-automation","Hotel front desk daily checklist for Little Hotelier",[32,124,125],{},[64,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":54,"depth":131,"text":55},{"id":78,"depth":131,"text":79},{"id":109,"depth":131,"text":110},"Removes spare padding from the Little Hotelier reservation window and makes the guest comments box taller, so notes are readable without scrolling inside it.","md",{"github":71,"category":141,"images":142},"Reservation Details",{"before":143,"after":144,"gallery":145},"/images/scripts/compact-ui-reservation-details/from.png","/images/scripts/compact-ui-reservation-details/to.png",[143,144],true,"/scripts/en/compact-ui-reservation-details",{"title":5,"description":138},"scripts/en/compact-ui-reservation-details","JfZbjwslgQmgK6l2mv0sX1DeS9OFNr_-cV6n7L2h1ac",1792099659227]