diff --git a/src/scss/components/_cards.scss b/src/scss/components/_cards.scss index 133307c..2225e5e 100644 --- a/src/scss/components/_cards.scss +++ b/src/scss/components/_cards.scss @@ -11,11 +11,20 @@ $card-smallpad: $lineheight_half; @mixin card($size) { @include border-radius(); background-color: $color-background-alt; - box-shadow: $large-shadow; + box-shadow: $large-shadow; border: none; margin:0; margin-bottom:$lineheight; - padding: $size; + & > * { + margin-left: $size; + margin-right: $size; + &:first-child { + margin-top: $size; + } + &:last-child { + margin-bottom: $size; + } + } } @mixin card-header($size) { @@ -27,13 +36,15 @@ $card-smallpad: $lineheight_half; padding-right:0; padding-bottom: $size/2!important; margin-bottom:$lineheight_half; + margin-top:$lineheight_half; line-height:$lineheight; white-space: nowrap; + @include border-radius(); position:relative; left: -$size*1.25; - width:95%; + width:85%; @include button-style($size); @@ -62,7 +73,6 @@ $card-smallpad: $lineheight_half; &-body { padding:0!important; - margin:0!important; } &-header { diff --git a/src/static/index.html b/src/static/index.html index 8c50cca..bd43254 100644 --- a/src/static/index.html +++ b/src/static/index.html @@ -52,7 +52,6 @@