diff --git a/themes/future/css-src/theme-styles.styl b/themes/future/css-src/theme-styles.styl index 616b0dc6c2f..403243610d5 100644 --- a/themes/future/css-src/theme-styles.styl +++ b/themes/future/css-src/theme-styles.styl @@ -5296,13 +5296,21 @@ a.award-badge:focus { .header-theme:focus { color: var(--ink-strong); } +/* 絵しか持たないボタンなので、.svg-icon の既定の右マージン(0.3em = 6px)を戻す。 + 残すと箱が 28px から 34px になり、絵が箱の中で左に寄る + (検索の虫眼鏡も同じ理由で戻している) */ +.header-theme .svg-icon { + margin-right: 0; +} /* 引き出しの中の2つ目 (#2746 の切り替えを 575px 以下でここへ降ろす)。 帯とは違って行として並ぶので、絵だけでなく名前を横に出す */ .header-theme-drawer { display: none; align-items: center; gap: (space-step * 2); - padding: (space-step * 3) (space-step * 4); + /* 左右の余白は中の .header-nav-label が持つ。ここで持つと、下に並ぶ組の + ラベル(カテゴリ・連載…)より 16px 右へずれる */ + padding: (space-step * 3) 0; } .header-theme-drawer .header-nav-label { margin: 0;