Harmoniser les modules recherche et newsletter

Cet article fait suite à une suggestion  faite par Epikt sur le forum des modérateurs d'overblog. La demande porte sur l'harmonisation de ces 2 modules dans les design de base.
En attendant que ce soit éventuellement fait par le staff, voici le moyen des les harmoniser via une modification du CSS.

Voici l'allure par défaut de ces 2 modules

L'un des OK est en majuscules, l'autre en minuscules et les champs n'ont pas la même largeur.

Pour rendre le module newsletter identique au module recherche, voici les lignes à rajouter dans le CSS:

Pour harmoniser le module Newsletter au module Recherche

.box-content input {width:120px;}
 .box-content .button {text-transform:uppercase;  width:35px;}

Et voici le rendu

Et si vous préférez harmoniser le module Recherche au module newsletter, rajouter ces lignes là dans le CSS

Pour harmoniser le module Recherche au module Newsletter

.box-content input {width:135px;}
 .box-content .button {text-transform:lowercase;  width:33px;}

Le rendu de cette modification: