fix: some styles

Signed-off-by: Innei <i@innei.in>

Author: Innei

src/components/layout/header/internal/Activity.tsx

@@ -139,7 +139,7 @@ const ActivityIcon = memo(() => {
     <>
       {!!media && (
         <m.div className="absolute inset-y-0 left-0 z-10 flex items-center lg:left-[-30px]">
-          <div className="absolute inset-0 z-[-1] flex center">
+          <div className="center absolute inset-0 z-[-1] flex">
             <div className="size-6 rounded-md ring-2 ring-red-500 dark:ring-red-400" />
           </div>
           <FloatPopover
@@ -157,7 +157,7 @@ const ActivityIcon = memo(() => {
           {processName && (
             <m.div
               key={processName}
-              className="pointer-events-auto absolute inset-y-0 right-0 z-10 flex items-center overflow-hidden lg:right-[-25px]"
+              className="pointer-events-auto absolute inset-y-0 right-3 z-10 flex items-center overflow-hidden lg:right-[-25px]"
               initial={{
                 opacity: 0.0001,
                 y: 15,

src/components/ui/markdown/renderers/collapse.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useLayoutEffect, useState } from 'react'
+import { useCallback, useLayoutEffect, useState } from 'react'
 import clsx from 'clsx'
 import type { FC, ReactNode } from 'react'
 
@@ -24,7 +24,7 @@ export const MDetails: FC<{ children: ReactNode[] }> = (props) => {
   return (
     <div className="my-2">
       <button
-        className="mb-2 flex cursor-pointer items-center pl-2"
+        className="mb-2 flex cursor-pointer items-center md:pl-2 [&_summary]:text-left"
         onClick={handleOpen}
       >
         <i