less padding for list view

components/LinkViews/LinkComponents/LinkIcon.tsx

@@ -16,8 +16,8 @@ export default function LinkIcon({
   hideBackground?: boolean;
 }) {
   let iconClasses: string = clsx(
-    "rounded-md flex item-center justify-center select-none z-10 w-12 h-12",
-    !hideBackground && "bg-white backdrop-blur-lg bg-opacity-50 p-1",
+    "rounded flex item-center justify-center select-none z-10 w-12 h-12",
+    !hideBackground && "rounded-md bg-white backdrop-blur-lg bg-opacity-50 p-1",
     className
   );
 
@@ -50,23 +50,17 @@ export default function LinkIcon({
             }}
           />
         ) : (
-          <LinkPlaceholderIcon
-            iconClasses={iconClasses}
-            icon="bi-link-45deg"
-            hideBackground={hideBackground}
-          />
+          <LinkPlaceholderIcon iconClasses={iconClasses} icon="bi-link-45deg" />
         )
       ) : link.type === "pdf" ? (
         <LinkPlaceholderIcon
           iconClasses={iconClasses}
           icon="bi-file-earmark-pdf"
-          hideBackground={hideBackground}
         />
       ) : link.type === "image" ? (
         <LinkPlaceholderIcon
           iconClasses={iconClasses}
           icon="bi-file-earmark-image"
-          hideBackground={hideBackground}
         />
       ) : // : link.type === "monolith" ? (
       //   <LinkPlaceholderIcon
@@ -83,11 +77,9 @@ export default function LinkIcon({
 const LinkPlaceholderIcon = ({
   iconClasses,
   icon,
-  hideBackground,
 }: {
   iconClasses: string;
   icon: string;
-  hideBackground?: boolean;
 }) => {
   return (
     <div className={clsx(iconClasses, "aspect-square text-4xl text-[#0ea5e9]")}>

components/LinkViews/LinkComponents/LinkList.tsx

@@ -93,9 +93,9 @@ export default function LinkCardCompact({
   return (
     <>
       <div
-        className={`${selectedStyle} border relative items-center flex ${
-          !isPWA() ? "hover:bg-base-300 p-3" : "py-3"
-        } duration-200 rounded-lg w-full`}
+        className={`${selectedStyle} rounded-md border relative items-center flex ${
+          !isPWA() ? "hover:bg-base-300 px-2 py-1" : "py-1"
+        } duration-200 w-full`}
         onClick={() =>
           selectable
             ? handleCheckboxClick(link)
@@ -143,12 +143,7 @@ export default function LinkCardCompact({
           flipDropdown={flipDropdown}
         />
       </div>
-      <div
-        className="last:hidden rounded-none"
-        style={{
-          borderTop: "1px solid var(--fallback-bc,oklch(var(--bc)/0.1))",
-        }}
-      ></div>
+      <div className="last:hidden rounded-none my-0 mx-1 border-t border-base-300 h-[1px]"></div>
     </>
   );
 }