From f588a87235f34b2d389b63af7301c23c9ee96e43 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Mon, 22 May 2023 09:10:08 -0500
Subject: [PATCH] Remove card classes, improve padding/margin spacing, styling
 general

---
 src/components/common/Property.tsx   |  2 +-
 src/components/lookup/DomainCard.tsx |  9 +++++----
 src/components/lookup/Generic.tsx    |  6 ++----
 src/styles/globals.scss              | 10 ----------
 4 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/src/components/common/Property.tsx b/src/components/common/Property.tsx
index e578d92..f0028f3 100644
--- a/src/components/common/Property.tsx
+++ b/src/components/common/Property.tsx
@@ -17,7 +17,7 @@ const Property: FunctionComponent<PropertyProps> = ({
 }) => {
   return (
     <>
-      <dt className={titleClass}>{title}:</dt>
+      <dt className={classNames("font-medium", titleClass)}>{title}:</dt>
       <dd className={classNames("mt-2 mb-2 ml-6", valueClass)}>{children}</dd>
     </>
   );
diff --git a/src/components/lookup/DomainCard.tsx b/src/components/lookup/DomainCard.tsx
index 622a560..fa9f015 100644
--- a/src/components/lookup/DomainCard.tsx
+++ b/src/components/lookup/DomainCard.tsx
@@ -11,11 +11,12 @@ export type DomainProps = {
 
 const DomainCard: FunctionComponent<DomainProps> = ({ data }: DomainProps) => {
   return (
-    <div className="card">
-      <div className="card-header">
-        {data.ldhName ?? data.unicodeName} ({data.handle})
+    <div className="mb-4 bg-zinc-800">
+      <div className="bg-zinc-700 p-2 pl-5">
+        <span className="font-mono">{data.ldhName ?? data.unicodeName}</span> (
+        {data.handle})
       </div>
-      <div className="card-body">
+      <div className="p-2 px-4">
         <dl>
           {data.unicodeName != undefined ? (
             <Property title="Unicode Name">{data.unicodeName}</Property>
diff --git a/src/components/lookup/Generic.tsx b/src/components/lookup/Generic.tsx
index 4815988..0e59a0c 100644
--- a/src/components/lookup/Generic.tsx
+++ b/src/components/lookup/Generic.tsx
@@ -28,10 +28,8 @@ const Generic: FunctionComponent<ObjectProps> = ({ data }: ObjectProps) => {
     case "nameserver":
     default:
       return (
-        <div className="card my-2">
-          <div className="card-header">
-            Not implemented. (<pre>{data.objectClassName ?? "null"}</pre>)
-          </div>
+        <div className="my-2">
+          Not implemented. (<pre>{data.objectClassName ?? "null"}</pre>)
         </div>
       );
   }
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 0936490..a4f8fc4 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -14,16 +14,6 @@ body {
   @apply bg-zinc-900 text-white;
 }
 
-.card {
-  @apply bg-zinc-800 mb-4;
-  .card-header {
-    @apply bg-zinc-700;
-  }
-}
-
-.navbar {
-  @apply bg-zinc-850;
-}
 
 dl {
   margin: 0;