From 36212e4282c414798dea6fb317d136cc7f71daf9 Mon Sep 17 00:00:00 2001 From: spartanicus Date: Sun, 17 Oct 2021 17:33:21 -0400 Subject: [PATCH] Small improvements to form layout and colors (NOJIRA) --- app/webroot/css/co-base.css | 4 ++-- app/webroot/css/co-responsive.css | 9 ++++----- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 01cfe6bfd..0dd1de50d 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -916,12 +916,12 @@ ul.form-list .fields-header { ul.form-list input[type="text"], ul.form-list input[type="number"], ul.form-list input[type="password"] { - width: 95%; + width: 100%; font-size: 1em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; - border: 1px solid ; + border: 1px solid var(--cmg-color-lightgray-007); padding: 4px 6px; } ul.form-list input[type="text"]:focus, diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css index caee6d9bf..4fc32f4c8 100644 --- a/app/webroot/css/co-responsive.css +++ b/app/webroot/css/co-responsive.css @@ -89,7 +89,7 @@ } ul.form-list .field-info { display: inline-block; - width: 65%; + width: 70%; } ul.form-list-admin .field-name { width: 50%; @@ -98,10 +98,9 @@ ul.form-list-admin .field-info { width: 40%; } - ul.form-list input[type="text"], - ul.form-list input[type="number"], - ul.form-list input[type="password"] { - width: 97%; + ul.form-list li { + display: flex; + column-gap: 1em; } ul.form-list li.field-stack textarea { margin: 0.5em 0 0.5em 0.5em;