dynamicbible/DynamicBibleIonic/src/components/strongs/strongs.scss

strongs .button {
    color: #307e4b;
}

.strongs-title {
    background-color:#a7eebe;
}
strongs {
    font-family: var(--card-font);
    
    ion-scroll {
        height: 250px;
    }

    .strongs-def {
        float: left;
    }

    .strongs-cross {
        float: left;
    }

    p {
        padding-left: 1em;
    }

    .scroll-content {
        padding: 0px !important;
    }

    dd {
        -webkit-margin-start: 12px;
        line-height: 1.7em;
    }
    
    ::-webkit-scrollbar {
        width: 12px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: rgba(0,0,0,0.05) 12px 12px inset;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.1);
    }
}

@media screen and (max-width: 749px) {
    strongs {
        .strongs-def {
            width: 100%;
        }

        .strongs-cross {
            width: 100%;
        }
    }
}

@media screen and (min-width: 750px) {
    strongs {
        ion-scroll {
            height: 260px;
        }

        .strongs-def {
            width: 50%;
            padding-right: 12px;
        }

        .strongs-cross {
            width: 50%;
        }
    }
}