Awesome Inc.のブログアーカイブの横幅がおかしい件について

このブログは、Bloggerに元からあるAwesome Inc.というテンプレートを使っているのですが、
右にある「ブログアーカイブ」のレイアウトがというか横幅が細くなってしまい、
下の画像のようにかわいそうなことになっていました。

こういうの我慢できないんで修正しました。

原因は右のpaddingが15pxになっていて、さらにそれが入れ子になっていることです。

やり方は簡単で、
デザイン > HTMLの編集
からテンプレートのコードを出して、

.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li

で検索した直後の

padding: .5em 15px;

を

padding: .5em 0px .5em 15px;

にすればokです。
右を見ていただければわかると思いますが、修正されてマトモになっています。

あと備忘録。
paddingとかmarginとかの指定の順番は、下のいずれか。
・[上] [右] [下] [左]
・[上] [左右] [下]
・[上下] [左右]
・[上下左右]
基本的に上から時計回りだが、後は適当に補完、と覚えればよいと
まじかんとが言ってました。