diff --git a/src/styles/_apps_base.sass b/src/styles/_apps_base.sass index d99eeb07..a387f830 100644 --- a/src/styles/_apps_base.sass +++ b/src/styles/_apps_base.sass @@ -78,11 +78,10 @@ $splitter-width: 5px display: flex align-items: center width: 100% - min-height: 50px + min-height: 40px background-color: white - padding: 10px 15px - - font-size: 1.2em + padding: 10px + font-size: 1.1em border-bottom: thin solid $color-background box-shadow: 0 0 15px rgba(black, .2) @@ -99,12 +98,13 @@ $splitter-width: 5px background-color: white border-bottom: thin solid $color-background + &:hover + background-color: $color-background-light + &.active background-color: $color-background-active - border-bottom-color: darken($color-background-active, 15%) - - &:last-child - box-shadow: inset -5px 0 0 $color-primary + border-bottom-color: darken($color-background-active, 5%) + box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%) &.empty padding: 15px @@ -230,13 +230,14 @@ nav.sidebar background-color: lighten($color-background-active, 2%) .table-cell - border-bottom-color: darken($color-background-active, 15%) + border-bottom-color: darken($color-background-active, 5%) + box-shadow: inset 0 1px darken($color-background-active, 5%) .table-cell:last-child - box-shadow: inset -5px 0 0 $color-primary + box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%) .table-cell display: table-cell - border-bottom: thin solid $color-background-dark + border-bottom: thin solid $color-background vertical-align: middle span.hint @@ -248,9 +249,9 @@ nav.sidebar min-width: 4px height: 100% display: table-cell - border: 2px solid $color-background - border-top: none - border-bottom: none + border: none + border-left: 2px solid $color-background-light + border-right: 2px solid $color-background cursor: e-resize .table.table-hover