@import colors
$delete-button-color = tomato

#tag
    width: 100%
    max-width: 40em
    h1
        word-break: break-all
        line-height: 130%
        margin-top: 0
    form
        width: 100%
    .tag-edit
        textarea
            height: 10em
    .tag-summary
        section
            &.description
                margin: 1.5em 0 0 0
            &.details
                vertical-align: top
                padding-right: 0.5em
                ul
                    margin: 0
                    padding: 0
                    list-style-type: none
                li
                    display: inline
                    margin: 0
                    padding: 0
                li:not(:last-of-type):after
                    content: ', '
                ul:empty:after
                    content: '(none)'
                section
                    margin-bottom: 1em
    .metric-bounds-edit
        display: flex
        margin-bottom: 1em
        input[type=number]
            flex: 2
            margin-left: 0.5em
            width: auto
            min-width: 60px
        label
            flex 1
        input[name=metric-min]
            margin-right: 2em
    .confirmation
        margin-bottom: 2em
    .delete
        background: $delete-button-color
        border-color: $delete-button-color
        margin-left: 0.5em
        &:focus
            border: 2px solid $text-color