styles.css

/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/
.discord-timestamps {
    background-color: var(--background-modifier-hover);
}

.discord-timestamps:hover {
    background-color: var(--background-modifier-active-hover);
}

.setting-error {
    color: var(--text-error);
}

.timestamp-input-div {
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.timestamp-label {
    margin: auto var(--size-4-4) auto auto;
    text-align: right;
}

.timestamp-button-heading {
    text-align: center;
}

.timestamp-buttons {
    text-align: center;
}

body.is-mobile div.timestamp-input-div:has(>#timezone-label) {
    margin-top: var(--size-4-2);
}

.timezone-options,
body.is-mobile #history {
    margin-top: var(--size-4-2);
}

body.is-mobile .timestamp-buttons {
    display: block;
    width: 100%;
    margin: var(--size-4-2) auto;
}

body.is-mobile .timestamp-button-container {
    display: block;
}

body:not(.is-mobile) .timestamp-button-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: var(--size-4-5) auto 0;
}

/* div.modal:has(.timestamp-button-container) {
    padding: var(--size-4-5) var(--size-4-3);
} */