chore: styles

src/assets/styles/base/index.css

@@ -48,6 +48,7 @@ body::-webkit-scrollbar {
 
 p {
   margin: var(--margin-vertical-base-horizontal-zero);
+  overflow: visible;
 
   &.books,
   &.collected,
@@ -173,18 +174,13 @@ a {
 
 a:focus,
 a:focus-within
-a:focus > svg,
-a:focus-within > svg {
+a:has(svg):focus svg,
+a:has(svg):focus-within svg {
   outline: var(--outline-default);
   border-radius: var(--border-radius-slight);
   text-decoration: none;
 }
 
-a:has(svg):focus,
-a:has(svg):focus-within {
-  outline: none;
-}
-
 a.icon-link:focus,
 a.icon-link:focus-within {
   outline: var(--outline-default);

src/assets/styles/components/music-chart.css

@@ -39,6 +39,16 @@
       }
     }
 
+    & a:has(img) {
+      display: flex;
+    }
+
+    & a:focus img,
+    & a:focus-within img {
+      outline: var(----outline-default);
+      border: 0;
+    }
+
     & img {
       border: var(--border-default);
       border-radius: var(--border-radius-slight);

src/assets/styles/pages/books.css

@@ -51,10 +51,6 @@
 
     & p {
       margin: 0;
-      overflow: hidden;
-      max-width: 100%;
-      text-overflow: ellipsis;
-      width: fit-content;
     }
 
     & .description {
@@ -87,25 +83,23 @@
     flex-direction: column;
     gap: var(--spacing-sm);
 
-    & p {
-      &.title {
-        font-size: var(--font-size-xl);
-        line-height: var(--line-height-md);
-      }
+    & p.title {
+      font-size: var(--font-size-xl);
+      line-height: var(--line-height-md);
+    }
 
-      &.sub-meta {
-        font-size: var(--font-size-sm);
+    & p.sub-meta {
+      font-size: var(--font-size-sm);
 
-        & svg {
-          width: var(--sizing-svg-sm);
-          height: var(--sizing-svg-sm);
-        }
+      & svg {
+        width: var(--sizing-svg-sm);
+        height: var(--sizing-svg-sm);
       }
+    }
 
-      &.title,
-      &.sub-meta {
-        margin: 0;
-      }
+    & p.title,
+    & p.sub-meta {
+      margin: 0;
     }
   }
 }