以前から変えたいと思っていたので変更しました。

変更前


変更前はツールチップで表示するようにしていました。しかし、これはカーソルをあてないと前後がどういう記事かわからないというのと、レスポンシブの時に若干切れるという問題がありました。

変更後


flexで2等分して右端と左端に寄せるように変更しました。最近よくあるやつですね。デフォルトでは薄めにしておいて、カーソルあてたときにopacity1にするようにしています。

その他


これでツールチップ向けのスタイルがなくなったのでいよいよ配信時のサイズ(nginxでの圧縮後)が10KBを切ったのではないかと思います。たぶん。