Hey Google, Gimme Back My Widgets!

by Brian Hayes

Published 11 September 2009

Sometime this morning, a web page that I visit occasionally changed its appearance from this:

google-pretty.png

to this:

google-ugly.png

The images are grabbed from Firefox on OS X; same effect in Safari. Some CSS forensics reveals what’s gone wrong here: Google has added a “height:28px” property to the style for the two buttons, and boosted their type size from 13 pixels to 16. (Type inside the search box is also given the giant billboard treatment.) Apparently the height property prevents the browser from using those cute jelly-bean widgets for the buttons.

Can we strike a bargain, Google? I’ll let you take over the world and track my every movement; I’ll sign over all my copyrights and promise never to block your advertising, if you’ll just give me my widgets back. Go ahead and Be Evil; just Don’t Be Ugly.

Or am I going to have to override you in userContent.css?

Update: Marissa Mayer, Google’s Vice President for Search Products & User Experience, explains:

For us, search has always been our focus. And, starting today, you’ll notice on our homepage and on our search results pages, our search box is growing in size. Although this is a very simple idea and an even simpler change, we’re excited about it — because it symbolizes our focus on search and because it makes our clean, minimalist homepage even easier and more fun to use. The new, larger Google search box features larger text when you type so you can see your query more clearly. It also uses a larger text size for the suggestions below the search box, making it easier to select one of the possible refinements.

For Firefox users who find the “supersized” page a nonimprovement, I offer the following quick hack:

@-moz-document domain(google.com) {
  .lsb, .gac_sb {
	font-size:13px ! important;
	height:inherit ! important;
	}

  .lst, .gac_m {
	font-size:14px ! important;
	}
	
}

Add these lines to your userContent.css file (see the Customizing Mozilla site for further instructions). This seems to fix the widget problem and the input-field text size, but all the drop-down gadgetry is still a mess and maybe the dropdown menu of suggestions. This will break if Google’s next whim is to change the class names “lsb,” “lst,” etc. If anyone has a cleaner solution, please pass it on.

Responses from readers:

  • A comment from John, 11 September 2009 at 12:40 pm

    Wow, is that ugly (also on Safari). I never go to the Google home page, though, so…

  • A comment from Angry N. Hurt, 11 September 2009 at 1:04 pm

    I noticed this very thing, and it also upsets me. Fie, fie on you, Google!

  • A comment from I read in braille, 11 September 2009 at 4:06 pm

    Apple users hate accessibility? Obviously.

  • A comment from Arvind Narayanan, 11 September 2009 at 10:41 pm

    You should consider installing the Stylish extension for Firefox. I am opinionated about UI and I the stylesheets on half the sites I visit (especially Google) make my eyes hurt. Stylish is basically a management interface for userContent.css.. you can make your own edits or install any of hundreds of site-specific customizations available at userstyles.org.

  • A comment from brian, 12 September 2009 at 7:17 am

    Thanks for the pointer to Stylish. Very handy.

  • A comment from Dan, 14 September 2009 at 5:20 pm

    “it makes our clean, minimalist homepage even easier and more fun to use.”

    I just tried a search with the new page and using it was exactly as much fun as it’s ever been.

  • A comment from I. J. Kennedy, 16 September 2009 at 9:11 pm

    Your complaints make this sound like its Google’s fault. I don’t think it is. They tried to improve their page by increasing the size of the most important elements, a perfectly reasonable thing to do. Unless Google added some invalid CSS, it’s the software on the Mac that failed.

  • A comment from Barry Cipra, 26 September 2009 at 4:25 pm

    A curious observation. I have a 5-year-old iBook, which I still occasionally fire up and use. I did so today and saw something odd when I went to Google: Your lost, lamented jelly-bean widgets!

    If it’s of any value in pursuing the mystery, I was using Safari 1.3.2 on OS 10.3.9 (Panther? Puma? Alley Cat?).

  • A comment from John, 10 November 2009 at 4:57 pm

    Google is maintaining another homepage that is exactly the same as google.com, so far as I can tell, except it has the plain logo and the old-style buttons. http://www.freeholidaywifi.com/search/

  • A comment from Barry Cipra, 20 November 2009 at 4:52 pm

    I’ve noticed some other Google oddities lately. For the last month or more, it occasionally happens that when I go to Google, all that shows up at first is the logo, search box, and widgets; the other stuff across the top of the page and below the widgets does a slow fade in. And recently they sometimes don’t fade in until I move the cursor across the screen. About a week ago, I also saw a curious message just below the widgets, which faded away as the usual stuff faded in. The message said “This line intentionally left blank.” (I may have the wording slightly wrong, but it was something close to that — the sort of thing you see on official multi-page documents when they leave a page otherwise empty.) Finally, just this morning, Google opened with just the logo, the search box, and a line below the box saying something like “Press Enter to search” — i.e., no widgets at all! (I’m sorry, I’m again not certain of the exact wording. When I refreshed the screen I got the usual widgets.)

    I doubt there’s any real mystery in any of this. But I thought some bit-player viewers might find these sightings amusing. I’m reminded of Yogi Berra’s famous remark, you can observe a lot by watching.

  • A comment from brian, 21 November 2009 at 10:10 am

    @Barry Cipra Nov 20: I’ve never seen anything like that. When you say “fade in,” do you mean that in the cinematic sense–the objects gradually emerge from the background? Or is it just that they appear only after a delay? The latter could be the result of a slow server or a congested link somewhere on the network, but the former would have to be deliberately implemented.

    In appearance, the main Google page is famously spare and simple, but when you look at the source code, there’s quite a pile of stuff, including a few dozen scripts. The behavior of some of those scripts appears to depend on the date and time of day, on which browser you’re using, on whether or not you’ve installed widgets like the Google toolbar and possibly on where you are.

    I bet somebody has worked out just what all those scripts are up to, but at this point they’re mysterioso to me. I do note a function named ‘google.fx.easeInAndOut’ which could well be doing fade ins and fade outs.

  • A comment from Moralism, 17 May 2010 at 6:01 pm

    Hey Guys and Girls! Your problems are unimportant and booooooooooooring!

Please note: The bit-player website is no longer equipped to accept and publish comments from readers, but the author is still eager to hear from you. Send comments, criticism, compliments, or corrections to brian@bit-player.org.

Tags for this article: computing, modern life.

Publication history

First publication: 11 September 2009

Converted to Eleventy framework: 22 April 2025

More to read...

Probabilities of Probabilities

Probabilities are a tool for coping with uncertainty. But what if the probabilities themselves are uncertain?

More Questions About Trees

Why are they so tall? Why are they no taller? Also, why are they trees (in the graph-theory sense)?

Three Months in Monte Carlo

Exploring a computer model I’ve known for decades, I come face to face with some things I know that ain’t so.

The Middle of the Square

The first random-number generator for a digital computer has long been held up as an example of what not to do. How bad was it?