css fixes

diff --git a/frontend/src/lib/FileList.svelte b/frontend/src/lib/FileList.svelte
index 4f9df856ab6ee3759048b32fc06fe731f363d414..51d149ae93e7bd3989e5ab212bb8c276bbf44d5b 100644 (file)
--- a/frontend/src/lib/FileList.svelte
+++ b/frontend/src/lib/FileList.svelte
@@ -110,10 +110,10 @@
                                        {/if}
                                        <button
                                                onclick={() => downloadFile(file.uuid_filename)}
-                                               class="p-2 fileBtn d-flex flex-column flex-fill"
+                                               class="p-2 fileBtn d-flex flex-row flex-fill justify-content-center"
                                        >
-                                               <div class="d-flex flex-row align-items-center">
-                                                       <div class="filename filenameWeight">{file.filename}</div>
+                                               <div>
+                                                       <span class="filename filenameWeight">{file.filename}</span>
                                                        <span class="filesize">({formatBytes(file.size)})</span>
                                                </div>
                                                {#if file.downloadProgress >= 0}
@@ -272,6 +272,7 @@
                background-color: rgba(117, 117, 117, 0.45);
                border: 0px solid #ececec77;
                border-radius: 5px;
+               width: 100%;
        }
 
        .options-menu {

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index 18a628f33813a1304aac1050c60aa7daa1628c57..c54a9edc57949d8629a10ab6e3acce5d63589ba5 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -1321,7 +1321,7 @@
 
                        <div class="files d-flex flex-column glass">
                                <button
-                                       class="btn btn-secondary upload-btn {filesOfDay?.length > 0 ? 'mb-2' : ''}"
+                                       class="btn btn-secondary upload-btn {filesOfDay?.length > 0 ? '' : ''}"
                                        id="uploadBtn"
                                        onclick={triggerFileInput}
                                        ondragenter={(e) => {
@@ -1348,6 +1348,9 @@
                                        }}><Fa icon={faCloudArrowUp} class="me-2" id="uploadIcon" />{$t('files.upload')}</button
                                >
                                <input type="file" id="fileInput" multiple style="display: none;" onchange={onFileChange} />
+                               {#if filesOfDay?.length > 0}
+                                       <div transition:slide><div class="pt-3"></div></div>
+                               {/if}
 
                                <div class="fileScroll">
                                        <FileList