oduwsdl / hypercane

A toolkit for developing algorithms that sample mementos from a web archive collection.

Home Page:https://oduwsdl.github.io/hypercane

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fix poor responsiveness for script placement in GUI

shawnmjones opened this issue · comments

For certain browser sizes, the "grid" of Hypercane actions do not line up properly. This can be fixed with CSS, but we need to figure out how to do it while still maintaining the responsiveness.

image

I set all panel heights to 135px. This looks fine on mobile devices through Chrome's developer tools.

Results for desktop browser:
image

Results for Pixel 2:
image