Graphics distortion after attempting to line up grid to map graphic

Ok I was playing around trying to get my map graphic which has grids on it, to the movement grid.  After a lot of playing around with pixels per square I got it to line up good but suddenly all of the Roll20 Icons and text are compressed and and overlapping.  The screen only zooms in about half the normal distance and it is very difficult to pick one Icon say View and select a given layer because all the text is compressed and overlapping.  I am the GM for the map set and the players can still see everything normally.  So it appears I have somehow completely hosed my interface.  See my embedded screenshot.  Going back out and the Roll20 homepage is messed up.  See 2nd screenshot.  How can I reset my basic graphic API to correct this?

It looks like you may have zoomed the browser instead of the map area? I can see the magnifying glass in your address bar, indicating a magnification change. Try clicking on that and resetting to 100%.

Ok.  I found that I could stretch the right hand column of the game.  The letters and numbers were still shrunken and overlapping.  I then put my focus on an element inside the column and used CTRL Plus to make the elements larger.  It took several dozen size bumps to bring it back to right size.  Lesson here is don't use CNTRL Minus and Plus when trying to zoom in and out.

Yes that is a shortcut to zoom the browser.  BTW when you finish adjusting the sizing of a map like that with it's own grid included, you can turn the grid of roll20 opaque so the players don't see the slightly off lines.  It will look better and be nigh unnoticeable in play.

For future reference, you can re-set the browser zoom to 100% in one step by clicking on the magnifying glass icon in the address bar.