As per bug 41645, the self-checkin has access to responsive CSS, but can't use it because it's missing 1 line of HTML: <meta name="viewport" content="width=device-width, initial-scale=1"> Once that line is added, the CSS media queries start to work.
Created attachment 191542 [details] [review] Bug 41647: Fix self-checkin to use responsive CSS Test plan: 0. Apply the patch 1. Enable the SelfCheckInModule system preference 2. Go to http://localhost:8080/cgi-bin/koha/sci/sci-main.pl 3. Enter barcode 39999000004571 into input box, click "Submit", then click "Check in" 4. Using your F12 dev tools, look at the interface with different widths 5. Note that the page looks good on both large and small screens 6. Note that the page stays contained to the small screen size and you don't have to scroll horizontally to see all the content
Created attachment 191545 [details] [review] Bug 41647: Fix self-checkin to use responsive CSS Test plan: 0. Apply the patch 1. Enable the SelfCheckInModule system preference 2. Go to http://localhost:8080/cgi-bin/koha/sci/sci-main.pl 3. Enter barcode 39999000004571 into input box, click "Submit", then click "Check in" 4. Using your F12 dev tools, look at the interface with different widths 5. Note that the page looks good on both large and small screens 6. Note that the page stays contained to the small screen size and you don't have to scroll horizontally to see all the content Signed-off-by: David Nind <david@davidnind.com>