diff options
| -rw-r--r-- | public/static/index.css | 18 | ||||
| -rw-r--r-- | public/templates/index.html.template | 6 |
2 files changed, 15 insertions, 9 deletions
diff --git a/public/static/index.css b/public/static/index.css index df05342..fbf3b63 100644 --- a/public/static/index.css +++ b/public/static/index.css @@ -12,7 +12,7 @@ div#bottom-half { div#container { margin: 0 auto; - width: 600px; + max-width: 600px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } @@ -39,18 +39,22 @@ div#content p { padding: 0 10px; } -.code-container { - text-align: center; - margin: 24px 0; +.code-container-container { + margin: 24px; } -.code { +.code-container { + text-align: left; + margin: 0 auto; + display: table; background-color: #e8ebf4; color: #000; - font-family: 'Courier New', Courier, monospace; - font-size: inherit; padding: 6px 14px; border: 0px solid #e8ebf4; border-radius: 4px; +} +.code { + font-family: 'Courier New', Courier, monospace; + font-size: inherit; left: auto; right: auto; } diff --git a/public/templates/index.html.template b/public/templates/index.html.template index 53095b3..4fb8930 100644 --- a/public/templates/index.html.template +++ b/public/templates/index.html.template @@ -22,8 +22,10 @@ <p>AO Coverage is a simple code coverage tracking tool that stores your reports for public visibility and provides a coverage badge for your projects. That’s all there is to it.</p> <p>If you have a coverage token, uploading a report is as easy as adding this line to your CI pipeline:</p> - <div class="code-container"> - <span class="shell code">bash <(curl -s {{TARGET_URL}}/bash)</span> + <div class="code-container-container"> + <div class="code-container"> + <span class="shell code">bash <(curl -s {{TARGET_URL}}/bash)</span> + </div> </div> <p>Visit <a href="https://git.submelon.dev/kjhoerr/ao-coverage/wiki/Home" target="_blank">the AO Coverage documentation</a> to learn more about uploading reports and discover more information about how AO Coverage |