Atticus.io User Style - Custom styles for app.atticus.io

Style.css

/* ==UserStyle==
@name           atticus.io - 21/02/2024 12:31:00
@version        2.0.0
@description    A user style for app.atticus.io
@author         Geoffrey Crofte
==/UserStyle== */

.atticus-editor-container .editor-area .editor-textarea {
  max-width: 80ch;
  margin-inline: auto;
}

.chapter-block-item {
  flex-wrap: wrap;
}

.chapter-block-item-container {
  padding-left: 0;
}

.chapter-block-item-container > div:first-child {
  display: none;
}   
.chapter-block-item-container > a {
  box-sizing: border-box;
  display: block;
  width: calc(100% - 1.6em);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chapter-block-item {
  margin-left: 0!important;
  padding-left: 16px!important;
}

.chapter-block-item-icon-container {
	padding-top: 0!important; 
}

.chapter-block-item .chapter-block-item-container .chapter-block-item-info-container {
  align-items: center;
}

.action-group {
  transition: all .3s;
}

.atticus-editor-container .editor-area {
  scroll-behavior: smooth;
}

.editor-area :target  {
  scroll-margin-top: 5em;
}

.chapter-block-item:has(.js-subtitles:hover) .action-group {
  opacity: 0;
}

.chapter-block-item .action-group {
  align-items: flex-start;
}