diff --git a/public/index.html b/public/index.html index b04e533..db93bc6 100644 --- a/public/index.html +++ b/public/index.html @@ -27,44 +27,50 @@ margin: 2rem; } + body { + max-width: 768px; + margin: 0 auto; + } + ul { margin-top: 1rem; list-style: none; } ul > li > a { - padding: 1rem 1.5rem; + padding: 1.25rem 1.25rem; - display: block; + display: flex; + flex-direction: column; + gap: 0.5rem; color: #ff00ff; text-decoration: none; border: #272727 1px solid; - border-radius: 0.5rem; + border-radius: 0.375rem; transition: border 0.2s ease-in-out; } .chip { - margin-left: 0.5rem; display: inline-block; color: #eee; } .chip > span:first-child { - padding: 0.25rem 0.75rem; + padding: 0.125rem 0.5rem; background-color: #353535; - border-radius: 0.5rem 0 0 0.5rem; + border-radius: 0.25rem 0 0 0.25rem; } .chip > span:last-child { - padding: 0.25rem 0.75rem; + padding: 0.125rem 0.5rem; background-color: #222222; - border-radius: 0 0.5rem 0.5rem 0; + border-radius: 0 0.25rem 0.25rem 0; } ul > li > a:hover { @@ -79,9 +85,11 @@