cleanup

frontend/src/styles.css

@@ -399,7 +399,6 @@ button.danger:hover:not([disabled]) {
 .documents-main {
   flex: 1;
   display: flex;
-  grid-template-columns: 20rem minmax(0, 1fr);
   min-height: 100vh;
   width: 100%;
   position: relative;
@@ -451,9 +450,10 @@ button.danger:hover:not([disabled]) {
   font-size: 1rem;
   font-weight: 600;
   color: var(--fg);
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0.5rem;
 }
 
 .main-content__subtitle {
@@ -461,6 +461,7 @@ button.danger:hover:not([disabled]) {
   color: var(--muted);
   font-weight: 400;
   line-height: 1.2;
+  display: inline-flex;
 }
 
 
@@ -998,7 +999,9 @@ button.danger:hover:not([disabled]) {
   box-shadow: inset -12px 0 24px -12px var(--shadow-faint);
   display: flex;
   flex-direction: column;
+  width: 20em;
   max-width: 20em;
+  flex: 0 0 20em;
 }
 
 .sidebar__body {
@@ -2354,9 +2357,8 @@ form.inline {
 
 .doc-list__name-content span {
   max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .preview-pane__nav-button svg {