diff --git a/code/static/panamaracing.css b/code/static/panamaracing.css index ed57030..ddcc67c 100644 --- a/code/static/panamaracing.css +++ b/code/static/panamaracing.css @@ -126,14 +126,17 @@ body { font-weight: 600; text-decoration: none; background: var(--ifm-deep-black); + display: inline-flex; margin: 0.125rem 0; /* 2px 0 */ padding: 0.125rem 0.625rem; /* 2px 10px */ border-radius: 1.25rem; /* 20px */ + font-size: clamp(0.6rem, 0.6rem + 0.2vw, 1rem); } + .amixlink:hover { color: #000; background: var(--ifm-red); @@ -218,8 +221,8 @@ body { display: table; } -content { - padding: 2em; +.content { + padding-left: 4rem; width: min(90%, 100rem); } @@ -289,8 +292,7 @@ img { grid-column: 1 / -1; } - .header-title, - .all_files { + .header-title { padding: 0.75rem 1rem; margin: 0.5rem 0 0.75rem; text-align: left; @@ -320,9 +322,10 @@ img { margin-bottom: 1rem; } - content { - width: 95%; - padding: 1rem 0.5rem; + .content { + padding: 0.75rem 1rem; + margin: 0.5rem 0 0.75rem; + text-align: left; } .footer { @@ -330,13 +333,6 @@ img { padding: 1.5rem 0; } - .latest { - padding-left: 0.75rem; - float: none; - width: 100%; - clear: both; - } - .imglink { width: 9rem; /* 144px circa */ @@ -397,9 +393,11 @@ img { margin-bottom: 1.25rem; } - content { - width: 90%; - padding: 1.5rem 1rem; + .content { + padding-left: 2rem; + padding-right: 2rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .footer { @@ -417,10 +415,6 @@ img { /* 176px circa */ } - .all_files { - padding-left: 2rem; - padding-bottom: 1em; - } } /* =========================== @@ -437,18 +431,14 @@ img { padding-right: 5rem; } - .all_files { - padding-left: 3rem; - padding-bottom: 1em; - } - .column { width: 22%; padding-left: 1.5%; padding-right: 1.5%; } - content { - width: 90%; + .content { + padding-left: 3rem; + padding-right: 5rem; } } diff --git a/code/views/prc_layout.etlua b/code/views/prc_layout.etlua index 3b1ef9d..608ef79 100644 --- a/code/views/prc_layout.etlua +++ b/code/views/prc_layout.etlua @@ -38,6 +38,7 @@