mourningdove/htdocs/stc/inbox.css

#inbox {
display: grid;
    grid: [row1-start] "folder messages" auto [row1-end]
        / auto 1fr;
    width: 100%;
        }

.selected_filter {display: none;}
.entry-tags {text-align: right; font-style: italic;}

#inbox_folders {
padding-right: 12px;
grid-area: folder;
}

#inbox_folders li {
margin-bottom: 0;}

#inbox_messages {
grid-area: messages;
padding-left: 10px;
width: 100%;
}

#action_row {
display: grid;
    grid: [row1-start] "checkbox actions pages" auto [row1-end]
        / 2em auto 1fr auto;
        padding: 5px;
}

.actions {
grid-area: actions;
}

.pages {
grid-area: pages;
text-align: center;}

.inbox_item_row {
display: grid;
    grid: [row1-start] "checkbox message time" auto [row1-end]
        / 2em 1fr 8.5em;
        padding: 5px;
}

.checkbox {
grid-area: checkbox;
text-align: center;
}

.time {
grid-area: time;
font-size: smaller;}

.item {
 grid-area: message;
 overflow-wrap: anywhere;
 word-break: break-all;}

 .read {
 opacity: 0.5;}

 .inbox_collapse {
 display: none;}

 #compose_header_fields, #compose_icon {
 display: inline-block;
 }

 #compose {
     display: grid;
     grid-template-columns: 100px 1fr;
     grid-column-gap: 1em;
     column-gap: 1em;
 }

 #metainfo {
     grid-column-end: span 2;
 }

  #compose_header_fields label, #compose_icon {
  padding-right: 0.5em;
  }

  #compose .pkg {
      display: grid;
      grid-template-columns: auto 1fr;
  }

  .qr-icon a, .qr-icon button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: 0;
    cursor: pointer;
}