Improve form styling slightly

This commit is contained in:
Johannes Meyer 2014-10-15 15:46:07 +02:00
parent 38ee467603
commit d1ea7e87a2
3 changed files with 16 additions and 8 deletions

View File

@ -100,11 +100,11 @@ class Form extends Zend_Form
* @var array * @var array
*/ */
public static $defaultElementDecorators = array( public static $defaultElementDecorators = array(
'ViewHelper', array('ViewHelper', array('separator' => '')),
'Errors', array('Errors', array('separator' => '')),
array('Description', array('tag' => 'span', 'class' => 'description')), array('Description', array('tag' => 'span', 'class' => 'description', 'separator' => '')),
'Label', array('Label', array('separator' => '')),
array('HtmlTag', array('tag' => 'div')) array('HtmlTag', array('tag' => 'div', 'class' => 'element'))
); );
/** /**

View File

@ -24,7 +24,6 @@ td.configTable {
label { label {
display: block; display: block;
font-weight: bold; font-weight: bold;
margin-bottom: 0.3em;
} }
input, select { input, select {
@ -115,7 +114,7 @@ form.link-like input[type="submit"]:hover, form.link-like input[type="submit"]:f
form ul.errors { form ul.errors {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0.3em 0 0 0.6em;
padding: 0; padding: 0;
} }
@ -125,6 +124,10 @@ form ul.errors li {
line-height: 1.5em; line-height: 1.5em;
} }
form div.element {
margin: 0.5em 0;
}
form label { form label {
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
@ -138,6 +141,7 @@ select, input[type=text] {
form .description { form .description {
font-size: 0.8em; font-size: 0.8em;
margin: 0.3em 0 0 0.6em;
} }
.description { .description {

View File

@ -51,6 +51,10 @@
color: @colorTextDefault; color: @colorTextDefault;
} }
.form div.element {
margin: 0;
}
.form label { .form label {
font-weight: normal; font-weight: normal;
display: inline-block; display: inline-block;
@ -83,7 +87,7 @@
color: #eee; color: #eee;
border-color: #777; border-color: #777;
background: #777; background: #777;
margin-left: 10.1em; margin-left: 9.9em;
} }
input[type=submit]:hover, a.button:hover, input[type=submit]:focus { input[type=submit]:hover, a.button:hover, input[type=submit]:focus {