@media (max-width: 768px) { button { font-size: smaller; } } .draft-bookmark { color: #e7e6e6; display: inline; position: absolute; margin-top: 0.5em; margin-left: 0.5em; } .finalized-bookmark { color: #08bd63; // color: #92d050; display: inline; position: absolute; margin-top: 0.5em; margin-left: 0.5em; } .dataset-card { display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; border-radius: 6px; color: #333333; background: #fff; width: 100%; min-height: 90%; max-height: 90%; margin-top: 1em; margin-bottom: 1em; cursor: pointer; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); } .dataset-card h4 { padding-left: 1em; margin: 1em 1.5em; } .show-more { background-color: #ffffff00; color: #00b29f; font-weight: 700; justify-self: center; } .chip { padding: 0.1em 1em; margin-top: auto; margin-bottom: 1em; margin-left: 2.5em; margin-right: 2.5em; border-radius: 10em; background-color: #0d7489; // background-color: #0070c0; // background-color: rgb(70, 135, 230); color: #fff; text-transform: uppercase; font-weight: 500; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .add-dataset { display: flex; justify-content: flex-end; margin-top: 1.5em; padding: 0.5em 0.8em; cursor: pointer; background-color: rgb(248, 248, 248); } h4 span { color: #089dbb; font-weight: 600; text-transform: uppercase; }