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;