diff --git a/public/css/contact.css b/public/css/contact.css index cd0cd7c..7014366 100644 --- a/public/css/contact.css +++ b/public/css/contact.css @@ -20,7 +20,7 @@ align-items: center; gap: 0.5rem; margin-bottom: 1rem; - flex-wrap: no-wrap; + flex-wrap: nowrap; } .form-group input, .form-group textarea { @@ -33,6 +33,27 @@ flex: 1 1 auto; min-width: 200px; } +.form-group.message-group textarea { + flex: 1 1 auto; + min-width: 250px; + min-height: 120px; + resize: vertical; +} +.form-group.message-group { + flex-direction: row; + align-items: center; + flex-wrap: nowrap; +} + +.form-group.message-group label { + margin-right: 0; + margin-bottom: 0.25rem; + margin-top: 0.5em; + text-align: right; + align-self: flex-start; + width: auto; + flex: 0 0 120px; +} button { padding: 0.6em 1.2em; @@ -47,11 +68,13 @@ button:hover { background-color: #005fa3; } +/* label { flex: 0 0 120px; font-weight: 600; text-align: right; } +*/ label.required::after { content: " *"; color: #d33; diff --git a/src/views/pages/contact.handlebars b/src/views/pages/contact.handlebars index 5822e70..2b35c2f 100644 --- a/src/views/pages/contact.handlebars +++ b/src/views/pages/contact.handlebars @@ -6,16 +6,16 @@
- +
- +
-
+
- +