Mastodonの2.3.0とかで動くようにしているcss。トゥートの間隔を詰めて、unarist氏の固定トゥート圧縮をさらに改造

mastodon.user.css

.drawer {
    overflow : visible ;
    width : 25% !important ;
    height : 400px !important ;
}

.emoji-dialog {
    z-index : 1 !important  ;
    position : fixed !important ;
    top : 5% !important ;
    left : 0px !important ;
    margin-left : 25% !important ;
    height : 90% !important ;
}

.column, .columns-area > div:nth-child(4) {
    flex : 1 1 0 !important ;
}

.drawer__header
{
    position : absolute !important ;
    width : 15% !important ;
    left : 45% !important ;
    margin-left : 1em ;
}

.search
{
    position : absolute !important ;
    width : 20% !important ;
    left : 25% !important ;
}


.column:nth-child(2) {    
    margin-top : 60px !important ;
}
  
.column:nth-child(3) {
    position : fixed !important ;
    width : 25% !important ; 
    top : 390px !important ;
    height : 63% ;
    padding-left : 10px !important ;
}

.column:nth-child(4) {    
    margin-top : 60px !important ;
}


/* ここから下はお好みで */
[data-id^="f-"] .status__wrapper:not(:focus) .status__prepend {
    padding: 0 !important;
    max-height: 2em !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status__prepend span {
    display: none !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status {
    padding-top: 0 !important;
    min-height: 0 !important;
    max-height: 2em !important;
    overflow: hidden !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status__avatar,
[data-id^="f-"] .status__wrapper:not(:focus) .display-name {
    display: none !important;
}
.status__action-bar {
    margin-top:0px !important;
}
.status{
    padding-top:0px !important;
    padding-bottom:0px !important;
}