app/assets/stylesheets/speedo/plugins.css.scss in speedo-0.2.5 vs app/assets/stylesheets/speedo/plugins.css.scss in speedo-0.3.0

- old
+ new

@@ -41,50 +41,65 @@ input { width:100%; } } +$labelwidth: 100px; .formtastic { - textarea { - padding:5px; - } - .fragments .label, .choices .label { - position:relative; - width:25%; - margin-right:-25%; - label { - position:relative; - } - } - .label { // Override bootstrap label styling - font-size: inherit; - font-weight: inherit; - line-height: inherit; - text-shadow: none; - vertical-align: inherit; - white-space: inherit; - border:0; - border-radius:0; - padding:0; - color: $text; - background-color: transparent; - } - .inline_choices { - .choices-group { - width:100%; - .choice { - display:inline-block; zoom:1;*display:inline; - vertical-align:top; - margin-right:1em; - margin:0 1em 0 0; + fieldset { + .control-group { + @include clearfix; + label.control-label { + float:left; + width:$labelwidth; + abbr[title] { + border-bottom:0; + color:#900; + } } + .controls { + margin-left:$labelwidth; + input { + width:100%; + &[type=radio], &[type=checkbox] { + width:auto; + } + } + textarea { + width:100%; + } + select { + width:100%; + } + &.choices { + .choice { + .uni-radio, .uni-checker { + margin-left:-18px; + } + } + } + } + &.inline_choices { + .choices { + .choice { + display:inline-block; zoom:1;*display:inline; + vertical-align:top; + margin-right:2em; + padding-top:0; + } + } + } } } + .errors { + color:#cc0000; + margin:0.5em 0 1.5em 25%; + list-style:square; + } } ul.as-selections { - width:72%; // To match the formtastic input widths border:1px solid #999; @include border-radius(3px); padding:5px; @include box-shadow(inset 0 1px 1px rgba(0,0,0,0.2)); li.as-original input {