diff --git a/shaarli-pro/css/style.css b/shaarli-pro/css/style.css index 4b01bbf..9bf39e8 100644 --- a/shaarli-pro/css/style.css +++ b/shaarli-pro/css/style.css @@ -1170,6 +1170,10 @@ input:checked+.theme-slider:before { z-index: 20; } +.view-grid .link-select-checkbox { + right: 3.5rem; +} + [data-theme="dark"] .link-select-checkbox { background: rgba(30, 41, 59, 0.9); border: 1px solid var(--border); @@ -1367,6 +1371,12 @@ input:checked+.theme-slider:before { border-top: 1px solid var(--border); } +.view-grid .link-footer { + flex-direction: column-reverse; + align-items: flex-end; + gap: 0.5rem; +} + /* Tags */ .link-tag-list { display: flex; @@ -1390,6 +1400,11 @@ input:checked+.theme-slider:before { color: white; } +.view-grid .link-tag-list { + align-self: stretch; + justify-content: flex-end; +} + /* Actions */ .link-actions { display: flex; @@ -1401,8 +1416,8 @@ input:checked+.theme-slider:before { display: flex; align-items: center; justify-content: center; - width: 30px; - height: 30px; + width: 36px; + height: 36px; background: transparent; border: none; border-radius: 0.375rem; @@ -1412,6 +1427,11 @@ input:checked+.theme-slider:before { text-decoration: none; } +.link-actions a i, +.link-actions button i { + font-size: 1.15rem; +} + .link-actions a:hover, .link-actions button:hover { background: var(--primary-light); @@ -2745,13 +2765,13 @@ select:focus { .view-compact .link-actions a, .view-compact .link-actions button { - width: 26px; - height: 26px; + width: 32px; + height: 32px; } .view-compact .link-actions a i, .view-compact .link-actions button i { - font-size: 0.9rem; + font-size: 1.05rem; } /* Compact view - Hover actions */ diff --git a/shaarli-pro/linklist.html b/shaarli-pro/linklist.html index 74022e8..df49b5c 100644 --- a/shaarli-pro/linklist.html +++ b/shaarli-pro/linklist.html @@ -45,18 +45,11 @@