Project Description:
I am a criminal-defense lawyer who frequently uses the local clerk's website to look up cases. The clerk's website works great, but renders terribly on mobile devices.
http://www.hcdistrictclerk.com/Edocs/Public/search.aspx?Tab=tabCriminal
What I would like is three new stylesheets, and code to detect a mobile device and serve the mobile stylesheet:
First, a stylesheet that can be injected into the existing SEARCH page that will serve a vastly simplified interface, with larger fields and a single-column, mobile-friendly layout.
Second, a stylesheet for the RESULTS page. The current results page is fine, we just would like it down to a single column optimized for a mobile screen.
Third, and most importantly, a stylesheet for the CASE DISPLAY page. Currently, the results are tabbed. We'd like the tabs to be larger and formatted better for a mobile device.
This only needs to work for searches under the "Criminal" tab of the website. Feel free to use a scalpel and do away with most of the junk on these pages. We just want the search fields, the data, and a link to view the fill site.
I've included screenshots of the three pages we're working with. Feel free to visit the site and do a search by name to see it in action.
To be clear, I am not affiliated with the clerk's office. I'd like to present ready-to-go code to the clerk's office in hopes they will use it. They will not pay for this or develop it in-house.
Thank you!