css fixes

diff --git a/frontend/src/lib/FileList.svelte b/frontend/src/lib/FileList.svelte
index 51d149ae93e7bd3989e5ab212bb8c276bbf44d5b..dceaa02db383a5e2be25fc13ad86ed41d75093f0 100644 (file)
--- a/frontend/src/lib/FileList.svelte
+++ b/frontend/src/lib/FileList.svelte
@@ -273,6 +273,7 @@
                border: 0px solid #ececec77;
                border-radius: 5px;
                width: 100%;
+               margin-top: 0.5rem;
        }
 
        .options-menu {
@@ -304,6 +305,5 @@
        .file-list {
                display: flex;
                flex-direction: column;
-               gap: 0.5rem;
        }
 </style>

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index c54a9edc57949d8629a10ab6e3acce5d63589ba5..d1a8453ae3e74e6e355b55a941f924bec46b8006 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -1200,13 +1200,17 @@
                                        <div class={logDateWritten ? '' : 'opacity-50'}>{$t('log.written_on')}</div>
                                        {logDateWritten}
                                </div>
-                               {#if historyAvailable}
-                                       <div class="textAreaHistory d-flex flex-column justify-content-center">
-                                               <button class="btn px-0 btn-hover" onclick={() => getHistory()}>
-                                                       <Fa icon={faClockRotateLeft} class="" size="1.5x" fw />
-                                               </button>
-                                       </div>
-                               {/if}
+                               <!-- {#if historyAvailable} -->
+                               <div
+                                       class="textAreaHistory d-flex flex-column justify-content-center {historyAvailable
+                                               ? ''
+                                               : 'invisible'}"
+                               >
+                                       <button class="btn px-0 btn-hover" onclick={() => getHistory()}>
+                                               <Fa icon={faClockRotateLeft} class="" size="1.5x" fw />
+                                       </button>
+                               </div>
+                               <!-- {/if} -->
                                <div class="textAreaDelete d-flex flex-column justify-content-center">
                                        <button class="btn px-0 btn-hover" onclick={() => showDeleteDayModal()}>
                                                <Fa icon={faTrash} class="" size="1.5x" fw />
@@ -2064,10 +2068,13 @@
                border-top-right-radius: 5px;
        }
 
-       .textAreaDate,
+       .textAreaDate {
+               border-right: 1px solid #6a6a6a;
+               padding: 0.25em;
+       }
+
        .textAreaWrittenAt,
        .textAreaHistory {
-               border-right: 1px solid #6a6a6a;
                padding: 0.25em;
        }