diff --git a/kaku.css b/kaku.css index f146876..45841f3 100644 --- a/kaku.css +++ b/kaku.css @@ -1,5 +1,5 @@ body { - + font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; @@ -35,6 +35,19 @@ } #history-list { - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; /* 折り返しを有効に */ + max-width: 240px; /* 32個分のアイテムが収まる幅に調整 */ + margin: auto; + gap: 5px; /* 各履歴アイテムの間隔 */ +} + +.history-item { + font-size: 0.9em; + padding: 3px; + width: 30px; + text-align: center; + background-color: #e0e0e0; + border: 1px solid #ccc; + border-radius: 3px; }