diff --git a/public/styles/main.css b/public/styles/main.css index d050498..ae7d57c 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -61,6 +61,10 @@ section.article { grid-row-gap: 20px; } +section.error { + grid-area: content; +} + /* mobile */ @media only screen and (max-width: 779px) { .app-container { @@ -150,7 +154,8 @@ section.article { nav > ul > li { display: inline-block; - width: 30% + width: auto; + padding-right: 30px; } nav ul.menu_level_1 { @@ -163,6 +168,11 @@ section.article { display: inline-block; max-width: 20%; } + + section.error { + margin-left: 20px; + margin-right: 20px; + } } /* tablet */ @@ -206,6 +216,11 @@ section.article { max-width: 580px; } + img.embedded-image.keep-small-right { + max-width: 30%; + float: right; + } + section.judge { width: 440px; margin-right: 20px; diff --git a/templates/app/aspect-for-selection.phtml b/templates/app/aspect-for-selection.phtml index 298b010..ececc63 100644 --- a/templates/app/aspect-for-selection.phtml +++ b/templates/app/aspect-for-selection.phtml @@ -2,7 +2,7 @@

During the selection, the Board of Judges takes into consideration the following aspects:

- +