- remove border on preview-file

- change content of file name from <div> to <span> that it will be consistent and fix the problem that in mobile it didn't appear (wasn't inline)

app/views/console/storage/bucket.phtml

@@ -98,7 +98,7 @@ $fileLimitHuman = $this->getParam('fileLimitHuman', 0);
                                             <img src="" data-ls-attrs="src={{env.ENDPOINT}}/v1/storage/buckets/{{router.params.id}}/files/{{file.$id}}/preview?width=65&height=65&project={{router.params.project}}&mode=admin" class="pull-start avatar" width="30" height="30" loading="lazy" />
                                         </td>
                                         <td data-title="Name: " class="text-one-liner" data-ls-attrs="title={{file.name}}" >
-                                            <div data-ls-ui-trigger="modal-file-update-{{file.$id}}" class="link" data-ls-bind="{{file.name}}"></div>
+                                            <span data-ls-ui-trigger="modal-file-update-{{file.$id}}" class="link" data-ls-bind="{{file.name}}"></span>
                                             <div data-ls-attrs="data-open-event=modal-file-update-{{file.$id}}" data-button-hide="1" data-ui-modal class="box modal sticky-footer width-large close" >
                                                 <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 

public/styles/forms.less

@@ -406,7 +406,7 @@ fieldset {
 
 .file-preview {
   background: var(--config-color-background-input) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQoU2NkYGAwZsAEZ9GFGIeIQix+wfQgyDODXSEAcUwGCrDSHgkAAAAASUVORK5CYII=) !important;
-  border: solid 1px #e2e2e2;
+  /*border: solid 1px #e2e2e2;*/
   box-shadow: inset 0 0 3px #a0a0a0;
   border-radius: 8px;
   width: ~"calc(100% - 2px)";