diff --git a/www/elements/backers-graph.js b/www/elements/backers-graph.js index 797d2a6..dcd2969 100644 --- a/www/elements/backers-graph.js +++ b/www/elements/backers-graph.js @@ -135,7 +135,8 @@ function createBackerLink(backer, size, color, cls) { const cssText = ` .grid { display: grid; - gap: 0.2rem; + column-gap: 0.2rem; + row-gap: 0.5rem; grid-template-columns: repeat(auto-fit, minmax(2.5rem, 1fr)); grid-auto-rows: 2.5rem; grid-auto-fill: dense; diff --git a/www/elements/backers-right.js b/www/elements/backers-right.js index fe5d6c4..d6bb11b 100644 --- a/www/elements/backers-right.js +++ b/www/elements/backers-right.js @@ -89,6 +89,7 @@ a:hover { margin: 0 0 0.75rem 0; -webkit-text-stroke: 0.0625rem; text-transform: uppercase; + text-align: center; } section { align-items: center; @@ -96,6 +97,7 @@ section { flex-direction: column; margin-bottom: 0.75rem; position: relative; + padding: 5px 0px; } .logo-link { align-items: center; @@ -320,6 +322,7 @@ section { .dl, .dl:hover { box-shadow: none; + margin-bottom: 10px; } .dl-graph { width: 100%; diff --git a/www/styles/page-grid.css b/www/styles/page-grid.css index f88e14c..ccb99f3 100644 --- a/www/styles/page-grid.css +++ b/www/styles/page-grid.css @@ -33,7 +33,7 @@ grid-area: side; margin-top: 1.25rem; position: fixed; - right: calc(50% - 28.5rem); + right: calc(50% - 30rem); top: 0; width: 16rem; } @@ -54,5 +54,7 @@ .page-grid-side { position: static; right: unset; + margin-left: auto; + margin-right: auto; } }