Compact Firestore emulator by harkairt

/* ==UserStyle==
@name         Compact Firestore emulator
@version      20220505.20.09
@namespace    userstyles.world/user/harkairt
@description  This suite of rules make the firestore emulator more condensed, less airy, so more data can be seen and edited.
@author       harkairt
@license      No License
==/UserStyle== */

@-moz-document url-prefix("http://localhost") {
.mdc-list--dense .mdc-list-item {
    height: 20px
}

.App-main {
    max-width: 2000px;
}

.Firestore-Document-Fields .Firestore-InlineEditor-relative-anchor .Firestore-InlineEditor {
    min-width: calc(150%);
}

.DocumentEditor-Primitive > .Field {
    width: 800px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item, .mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 52px;
}

.Firestore-panels .Firestore-List-Item {
    padding-left: 19px;
}

.Firestore-panels .Firestore-Collection:last-child, .Firestore-panels .Firestore-Document:last-child  {
    flex: 3 1;    
}

.mdc-icon-button {
    width: 24px;
    height: 24px;
    padding: unset;
}

.material-icons {
    font-size: unset;
}

.FieldPreview-key {
    letter-spacing: 0.0001rem !important;
}

.FieldPreview-summary {
    letter-spacing: 0.0001rem !important;
}

.mdc-list--dense {
    font-size: 0.7rem
}
}