From afd9d2cf97d90e55de82edb6018c640261e1fd0b Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 6 Feb 2024 17:32:17 +0800
Subject: [PATCH] Slight style adjustments

---
 src/app.css               |  8 +++++---
 src/components/status.css | 11 +++++++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index 8b45e980..ef2bb677 100644
--- a/src/app.css
+++ b/src/app.css
@@ -928,9 +928,11 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
     -webkit-touch-callout: none;
   }
 }
-:is(.status-link, .status-focus):is(:focus, .is-active) {
-  background-color: var(--link-bg-hover-color);
-  outline-offset: -2px;
+@media not (pointer: coarse) {
+  :is(.status-link, .status-focus):is(:focus, .is-active) {
+    background-color: var(--link-bg-hover-color);
+    outline-offset: -2px;
+  }
 }
 @media (hover: hover) {
   .status-link:hover {
diff --git a/src/components/status.css b/src/components/status.css
index 400ec29c..b93763a3 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1863,8 +1863,8 @@ a.card:is(:hover, :focus):visited {
 .status-actions {
   display: flex;
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: -6px;
+  right: 8px;
   background-color: var(--bg-color);
   border-radius: 8px;
   z-index: 1;
@@ -1873,7 +1873,7 @@ a.card:is(:hover, :focus):visited {
   overflow: clip;
   opacity: 0;
   pointer-events: none;
-  transform: translateX(8px);
+  transform: translate3d(0, 6px, 0);
   transform-origin: right center;
   transition: all 0.15s ease-out 0.3s, border-color 0.3s ease-out;
 
@@ -1920,7 +1920,10 @@ a.card:is(:hover, :focus):visited {
     transform: translateX(0);
   }
   @media (pointer: coarse) {
-    .status:has(&):hover {
+    & {
+      border-color: var(--outline-hover-color);
+    }
+    .status-focus:has(&):has(.status:hover) {
       transition: background-color 0.1s ease-out 0.3s;
       background-color: var(--bg-faded-blur-color);
     }