css fixes

diff --git a/frontend/src/lib/Tag.svelte b/frontend/src/lib/Tag.svelte
index 1730cde7ca19cdf973a8e773b882cc12dd751573..4fc9d0feb4eb8896bf808bf9800150a314dea6af 100644 (file)
--- a/frontend/src/lib/Tag.svelte
+++ b/frontend/src/lib/Tag.svelte
@@ -18,7 +18,7 @@
        });
 </script>
 
-<span class="shadow badge rounded-pill" style="background-color: {tag.color}; color: {fontColor}">
+<span class="badge rounded-pill" style="background-color: {tag.color}; color: {fontColor}">
        <div class="d-flex flex-row">
                <div>{tag.icon} #{tag.name}</div>
                {#if isEditable}
@@ -45,6 +45,7 @@
                color: #495057;
                font-size: 11pt;
                font-weight: 600;
+               box-shadow: 1px 1px 5px 2px rgba(24, 24, 24, 0.275);
        }
 
        button {

diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index 951dd4d6254d1987110c8783957634713ff381dc..04c3bea0f314f75e3f9df50f6aa85e6a28a50b3d 100644 (file)
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -1132,7 +1132,7 @@
                        <div class="col-lg-4 col-sm-5 col d-flex flex-row justify-content-start align-items-center">
                                {#if !$alwaysShowSidenav}
                                        <button
-                                               class="btn d-xl-none"
+                                               class="btn d-xl-none ms-1"
                                                type="button"
                                                data-bs-toggle="offcanvas"
                                                data-bs-target="#sidenav"
@@ -1215,7 +1215,7 @@
 <!-- Full screen modal -->
 <div class="modal fade" data-bs-backdrop="static" id="settingsModal">
        <div
-               class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-xl modal-fullscreen-sm-down"
+               class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-xl modal-fullscreen-lg-down"
        >
                <!--  -->
                <div class="modal-content shadow-lg glass glass-modal">
@@ -2343,7 +2343,11 @@
                                                                        <h3 class="text-primary">💡 {$t('settings.about')}</h3>
 
                                                                        {#if showInstallationHelp}
-                                                                               <div class="alert alert-info">{@html $t('settings.installation_help')}</div>
+                                                                               <span>
+                                                                                       <div class="alert alert-info rounded-4 mt-3">
+                                                                                               {@html $t('settings.installation_help')}
+                                                                                       </div>
+                                                                               </span>
                                                                        {/if}
 
                                                                        <span class="d-table mx-auto"
@@ -2667,6 +2671,12 @@
 </div>
 
 <style>
+       .navbar {
+               border-top: 0 !important;
+               border-left: 0 !important;
+               border-right: 0 !important;
+       }
+
        /* Allow the stacked absolute children to scroll without forcing the parent to expand */
        .transition-stack {
                min-height: 0;
@@ -2706,6 +2716,11 @@
        @media (max-width: 450px) {
                .modeSliderIcon {
                        font-size: 0.8rem !important;
+                       margin: 0 !important;
+               }
+               #selectMode {
+                       transform: scale(1) !important;
+                       margin-left: -2.25rem !important;
                }
                .selectMode {
                        padding-left: 1rem !important;
@@ -2844,9 +2859,11 @@
        }
        :global(body[data-bs-theme='dark']) #settings-content > div > div {
                background-color: #8080805d;
+               box-shadow: 3px 3px 8px 4px #0000003f;
        }
        :global(body[data-bs-theme='light']) #settings-content > div > div {
                background-color: #dfdfdf5d;
+               box-shadow: 3px 3px 8px 4px #11111134;
        }
 
        h3.text-primary {
@@ -2867,7 +2884,6 @@
 
        .modal-body.modal-body-scrollable {
                /* For stats/admin tabs, let modal-body handle scrolling */
-               max-height: calc(100vh - 200px);
                overflow-y: auto;
        }
 

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index cab16f65741aa487da6990493cc303cc4b1b66e0..0aef40b94c15009576a7704d4985cb5a1bddfde8 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -1517,7 +1517,7 @@
                                        <div transition:slide>
                                                <div class="pt-2">
                                                        <div class="touch-tag-panel">
-                                                               {#if $tags.length === 0}
+                                                               {#if $tags.length - selectedTags.length === 0}
                                                                        <em style="padding:0.2rem;">{$t('tags.no_tags_found')}</em>
                                                                {:else}
                                                                        <div class="d-flex flex-row flex-wrap gap-1 selectTagTouchDevice">