/**
 * Styles for the plugin admin-specific functionality.
 *
 * All the custom CSS class names should start from the 'mcsync-' prefix.
 * The only exception: the settings page class name (.settings_page_mcsync_config) is generated by Wordpress
 * and should remain as it is.
 */

/* Content sync meta box. */

.mcsync-spinner-container,
.mcsync-link-created-confirm,
#mcsync-create-link-submit {
    display: none;
}

.mcsync-link-created-confirm img {
    margin-right: 0.375rem;
}

.mcsync-link-created-confirm .dashicons-saved {
    color: #00aa00;
}

.mcsync-icon-delete .dashicons-remove {
    cursor: pointer;
    color: #cc0000;
}

img.mcsync-post-content-loader {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: text-bottom;
}

/* View logs page */

.mcsync-logs-actions {
    margin: 1rem 0 2rem 0;
}

.mcsync-logs {
    margin-top: 1rem;
}

.mcsync-logs details summary {
    margin-bottom: 0.5rem;
}
.mcsync-logs details .mcsync-log-body {
    margin-left: 1.25rem;
}

.mcsync-logs details .mcsync-log-body dl {
    margin: 0.25rem 0;
}

/* Settings page. */

.settings_page_mcsync_config .form-table select {
    min-width: 12rem;
}

.settings_page_mcsync_config .form-table td p {
    margin-top: 0;
}

.settings_page_mcsync_config .form-table td p + p {
    margin-top: 5px;
}

.settings_page_mcsync_config .form-table input[type=number] {
    width: 4rem;
}