diff --git a/assets/css/post_text.css b/assets/css/post_text.css index 95c3853..7a7bf5a 100644 --- a/assets/css/post_text.css +++ b/assets/css/post_text.css @@ -44,25 +44,23 @@ pre > code { * Simple classes */ +.site-header { + display: flex; + flex-flow: column wrap; + gap: 1em; +} + .site-title { text-align: center; border: outset var(--light-warm-gray); background-color: var(--light-warm-gray); padding: 0.5em 0; -} - -.site-footer { - text-align: center; - border: outset var(--light-warm-gray); - background-color: var(--light-warm-gray); - padding: 0; - margin: 1em 0; + margin-bottom: 0; } .site-nav { display: flex; flex-flow: row wrap; - justify-content: flex-start; gap: 0.25em; border: outset var(--light-warm-gray); padding: 0.5em 0.25em; @@ -76,6 +74,14 @@ pre > code { background-color: var(--light-blue); } +.site-footer { + text-align: center; + border: outset var(--light-warm-gray); + background-color: var(--light-warm-gray); + padding: 0; + margin: 1em 0; +} + .page-title { text-align: center; border: inset var(--dark-warm-gray); @@ -103,20 +109,28 @@ pre > code { flex-flow: column wrap; } +.form-field > textarea { + overflow: scroll; + resize: vertical; +} + .form-button { border: outset var(--light-blue); background-color: var(--light-blue); - padding: 0.5em 0; + padding: 0.5em 1.5em; + text-align: left; } .field-with-info { - border-style: solid; - border-color: var(--highlight-green); + border: dashed var(--highlight-green) 0.5em; + background-color: var(--true-gray); + padding: 1em; } .field-with-error { - border-style: solid; - border-color: var(--highlight-red); + border: dashed var(--highlight-red) 0.5em; + background-color: var(--true-gray); + padding: 1em; } /* @@ -132,7 +146,6 @@ pre > code { .pager__nav { display: flex; - justify-content: flex-start; flex-flow: row wrap; border: inset var(--dark-warm-gray); background-color: var(--dark-warm-gray); diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep index c2b2842..57b13fa 100644 --- a/templates/layouts/default.html.ep +++ b/templates/layouts/default.html.ep @@ -6,7 +6,7 @@ <%= asset 'app.css' %> -
+

Post::Text