diff --git a/css/style.scss b/css/style.scss index bc3465611..223424b03 100644 --- a/css/style.scss +++ b/css/style.scss @@ -139,6 +139,12 @@ input.input-inline { width: 100%; bottom: 0px; top: 44px; + + &.as-sortable-un-selectable { + .card-list { + min-height: 96px; + } + } } #innerBoard { @@ -309,21 +315,35 @@ input.input-inline { width: 100%; } - .card-list { - padding-bottom: 100px; - padding-top: 40px; - margin-top:-40px; + ul { + overflow: hidden; } + + .as-sortable-placeholder { + margin: 10px 10px 20px 10px; + border: 1px dashed $color-darkgrey; + + &:last-child { + margin: 10px; + } + } + } + .card { background-color: $color-main-background; margin: 10px 10px 20px 10px; white-space: normal; position: relative; opacity: 1.0; + overflow: auto; -webkit-box-shadow: 0 0 5px $color-darkgrey; + &:last-child { + margin: 10px; + } + &.archived .card-upper { opacity: 0.5; } @@ -408,7 +428,6 @@ input.input-inline { text-align: center; padding: 10px; margin: 10px; - margin-top: -90px; border: none; overflow: hidden; -webkit-box-shadow: none; @@ -462,11 +481,6 @@ input.input-inline { } } -.as-sortable-placeholder { - margin: 10px 10px 20px 10px; - border: 1px dashed $color-darkgrey; -} - .info { padding-left: 5px; padding-right: 5px; @@ -1093,6 +1107,9 @@ input.input-inline { h2 button { display: none; } + h2:hover button { + display: inline-flex; + } } }