While working on a new feature, I found myself fixing a few things in Article Topics. Besides fixing the size of one of the category images, I didn’t like the look in mobile. Digging into the code, I played around with a few styles.
In the end, I landed on a different view in mobile from desktop. On very small screens, aka phones, I now display a small image to the right of the title. This looks better without cluttering the display. Although I like bigger images on other pages, it didn’t work as well in this view.
After cleaning a few things up, I also put in some time with the search bar at the bottom. It now matches the one in the new search module. As a side effort, I made a few tweaks to the search router. Otherwise, the functionality is the same.
I put a decent amount of time in tonight to update the look of search. My primary goal was to get it to match the general style of the site. Updated using Bootstrap elements, the form and results now look like the other pages.
Besides making some stylish changes, I cleaned up a few background items. First, I turned off some items I didn’t find useful. Second, I sort items by published date. Third, I use real names where I can. And last, the posted date uses the same format as articles.
Let me know if you like the changes. There is still room for improvement.
I added a more feature to the race statistics. You can now expand to see PR’s in distances other than the defaults. If you run a lot of different distances, this could be useful to see how you’ve done in various events.
I got around to adding a feature I’ve had on my list for some time. That is a more generic search filter in Programs and Races. You can now type any search term to filter the list of ZX81 programs or race entries as you type. It can be a bit slow, especially in programs. I haven’t dug further into why.
Focusing on mobile, I made some additional theme updates. This includes some responsive fixes in both the race tracking and ZX81 programs. The menus have text when collapsed as tooltips are unlikely to work. And main titles are slightly smaller on mobile as I found that some text didn’t quite fit. Of course, I’m sure I’ll keep tweaking things as I find more.