source documents editable-file ok

src/assets/main.scss

@@ -1070,11 +1070,13 @@ body{
 
 div.editable-image,
 div.editable-video,
-div.editable-audios{
+div.editable-audios,
+ul.editable-files{
   background: #eee;
   max-width: 100%;
   div.file-btn{
     border: #eee 2px solid;
+    background-color: #eee;
     border-radius: 5px;
     margin: 1em 0 0;
     font-size: 1em;
@@ -1148,4 +1150,38 @@ li.link-editable{
   div.delete-btn{
     flex: 0 0 auto;
   }
+}
+ul.editable-files{
+  background-color: transparent;
+  li.file-editable{
+    // background-color: #eee;
+    // border: #eee 2px solid;
+    display: flex;
+    flex-direction: row;
+    vertical-align: middle;
+    margin: 0.5em 0!important;
+    gap: 0.5em;
+    >input{
+      background-color: #eee;
+      border: #eee 2px solid;
+      overflow: hidden;
+      text-wrap:nowrap;
+      width: 40%;
+      flex: 0 1 auto;
+      font-size: 0.756em;
+      &:focus{
+        outline: none;
+        border: #01ffe2 2px solid;
+      }
+    }
+    >div.filename{
+      width:40%;
+      flex: 1 0 auto;
+      font-size: 0.756em;
+    }
+    >div.delete-btn{
+      flex: 0 0 auto;
+    }
+  }
+
 }