IdahoLens.comIdahoLens.comBack to Behind IdahoLens
BEHIND IDAHOLENS

Two Spinning Icons and the Details That Make IdahoLens Feel Finished

IdahoLens is getting to the point where some of the most important improvements are not new sections or major features. They are the small details that make the whole site feel finished.

Close-up of a vintage industrial control panel with rows of buttons and switches

Today’s example was two animated map actions: one for dropping a pin and one for recentering the map.

On paper, that sounds like a tiny change. In practice, getting two spinning icons and a few lines of text to look exactly right took a surprising amount of back and forth.

The site is coming together — which changes what I notice

A lot of the big pieces of IdahoLens are now in place. The map, weather, air quality, news, sports, events, dining, radio, live cameras and Stories have all gone through major build cycles.

As those larger features start to feel more settled, I find myself looking harder at the smaller visual details. Not because they matter more than the functionality, but because they are what can make a working site feel polished instead of merely complete.

That is where these two map actions came in.

Two simple actions needed to be obvious

The map already lets you move the selected area by clicking anywhere on it, and it already has a way to recenter the map. The goal was to make those actions easier to notice without adding two more bulky buttons to an already busy part of the page.

The answer became two small animated orange icons with short labels: Drop a pin and Recenter.

The final copy is intentionally simple. Drop a pin tells you, “Click anywhere on the map” and then “to move the selected area.” Recenter tells you, “Click the icon to center the map.”

Then the pixel work started

The first version worked. That did not mean it looked right.

The icons had to line up with the Selected Area section. The titles needed to sit directly beneath the icons. The descriptive text needed enough structure to be readable without turning into a long run-on line. On mobile, the icon and title stacks needed to feel centered while the supporting copy still read naturally. On desktop, the same controls needed to line up across the row without looking too low or too far apart.

One adjustment would fix the spacing but make the title feel off. Another would center the text but leave the icon a few pixels too low. Then the wording would wrap differently and change the visual balance again.

The final version looks simple because the work is hidden

The finished desktop layout raises the animated pin and recenter icons so their top edge aligns visually with Selected Area. Drop a pin is centered over its two-line instruction, and the Recenter block has its own compact explanation. The mobile treatment keeps the icon-and-title stacks centered while preserving readable supporting text.

None of that is dramatic. Most people will never consciously notice that those pieces were adjusted over and over.

That is the point. Good interface work usually disappears. When the spacing, hierarchy and alignment are right, the control just feels like it belongs there.

This is the part of building IdahoLens I enjoy

There is something satisfying about getting the big features working, but there is also a different kind of satisfaction in fixing the tiny things that bother your eye every time you look at them.

Two spinning icons and some font alignment can take far more work than anyone would expect from the finished result. I am fine with that.

The standard I am trying to set for IdahoLens is not “good enough because it works.” If a detail can be clearer, cleaner or better aligned, I want to keep working it until it feels right.

That attention to small things is part of the commitment I have to making IdahoLens the best site it can be.

Published and last updated October 7, 2026 · IdahoLens.com