app/assets/stylesheets/outpost/_forms.css.scss in outpost-cms-0.0.3 vs app/assets/stylesheets/outpost/_forms.css.scss in outpost-cms-0.0.4

- old
+ new

@@ -6,12 +6,12 @@ } form.simple_form { table.field-rows { td, th { - text-align: left; - padding: 5px 10px; + text-align: left; + padding: 5px 10px; } tbody tr { padding: 5px 0; } .controls { margin: 0; } @@ -19,11 +19,11 @@ } input.wide, textarea { @extend .span7; } - + input, textarea { &.span1 { @extend .span1; } &.span2 { @extend .span2; } &.span3 { @extend .span3; } &.span4 { @extend .span4; } @@ -34,56 +34,65 @@ &.span9 { @extend .span9; } &.span10 { @extend .span10; } &.span11 { @extend .span11; } &.span12 { @extend .span12; } } - + input.thin, textarea.thin { @extend .span2; } - + input.tiny { @extend .span1; } - + // For code inputs textarea.fixed-font, input.fixed-font { @include font-monospace($size: 11px); background: #000; color: #FFFF00; } - + textarea { &.tiny { height: 100px; } &.short { height: 200px; } &.tall { height: 600px; } } - - fieldset legend { + + fieldset { + margin-bottom: 40px; + + legend { + background: #000; + color: #fff; + padding: 0 5px; cursor: pointer; + line-height: 1.2em; // override bootstrap + &:hover { - background: #ffffcc; + background: #666; } + } } - + .counter-notify { @extend .span7; } - + .inline { // Extend bootstrap .inline display: inline-block; margin-right: 5px; input[type=text] { @extend .span2; } input[type=checkbox] { width: 20px; } - + .controls { margin-left: 10px; } } - + .control-group.vertical { - label { + label { float: none; text-align: left; } .controls { margin-left: 2px; } } @@ -111,6 +120,10 @@ z-index: 4; } .select2-drop { z-index: 4; +} + +.has-many-add-link { + @extend .btn; }