diff options
| author | Kevin J Hoerr <kjhoerr@protonmail.com> | 2020-02-23 11:04:26 -0500 |
|---|---|---|
| committer | Kevin J Hoerr <kjhoerr@protonmail.com> | 2020-02-23 11:04:26 -0500 |
| commit | c4a957450318c9637087d55e7b771450fc4fc0eb (patch) | |
| tree | 3f96d2c4bc2263fb8ca8b19a5c3f3d71b215ae9b | |
| parent | d57ec369726aa68f43336915a44e10d7659306bb (diff) | |
| download | ao-coverage-c4a957450318c9637087d55e7b771450fc4fc0eb.tar.gz ao-coverage-c4a957450318c9637087d55e7b771450fc4fc0eb.tar.bz2 ao-coverage-c4a957450318c9637087d55e7b771450fc4fc0eb.zip | |
Fix styling for mobile/smaller displays
| -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 |