Komt eigenlijk door twee dingen:
1 - Die tekst links in beeld is gewoon véél te lang (is gewoon nutteloze promotie voor nutteloze dingen).
2 - Zie punt 1.
Je zou die tekst eigenlijk weg moeten halen, dat scheelt dan al een hoop.
Dat kan relatief makkelijk via
de extensie Stylish, of via een
userContent.css bestand.
In
Stylish werkt dit om die tekst weg te halen, waardoor er geen overlapping meer plaatsvind en er genoeg ruimte over is de tekst rechts in beeld:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.google.nl/ig?") {
.sandbox_msg {
display: none !important;
}
}
(Als je een
userContent.css bestand aanpast, moet je eerst de browser herstarten om te zien of het werkt. In
Stylish werkt het zonder herstart.)
Zie hier het effect van zo'n aanpassing:
Voorheen:Na de aanpassing:Wat ik vreemd vind, is dat in je schermafdruk is te zien dat er ook tekstoverlap plaatsvind bij de items "
Doorzoek: het internet pagina's in het... (etc.)", onder de zoekbalk. Dat probleem heb ik hier niet (zit nu ook even onder Windows), maar dat valt misschien ook even aan te passen met wat welgemikte CSS aanpassingen via de bovenstaande methoden. Ik heb nu even geen tijd om daar naar te kijken, moet zo weg. Als je interesse hebt, of meer vragen hieromtrent; ik lees het vanavond wel. (Of iemand neemt het over, dat kan ook, natuurlijk.)