ui: padding to card side-pannel

nezz0746 · Nov 13, 2023 · 9d950e2 · 9d950e2
1 parent 877ca8a
commit 9d950e2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apps/web/components/Map/Map.tsx b/apps/web/components/Map/Map.tsx
@@ -21,7 +21,7 @@ const AppMap = () => {
         interactiveLayerIds={["data"]}
         mapStyle="mapbox://styles/nezz0746/closnc6ke00qa01nz5uvf7yad"
       >
-        <div className="bg-white flex flex-row gap-2 items-center p-2 absolute top-[6px] left-[6px] border">
+        <div className="bg-white flex flex-row gap-2 items-center p-2 absolute top-3 left-3 border">
           <p className="font-display font-bold tracking-tight text-xl">
             Ensemble
           </p>

diff --git a/apps/web/components/SidePannel.tsx b/apps/web/components/SidePannel.tsx
@@ -49,9 +49,9 @@ const SidePannel = () => {
           <div className="flex flex-row justify-center items-center text-center">
             {position.precision >= 5 && (
               <p className="text-sm text-warning font-display">
-                Warning: you're about to mint your location with high precision.
-                Make sure you use a public account you're confortable sharing
-                precise location with.
+                Warning: you&apos;re about to mint your location with high
+                precision. Make sure you use a public account you&apos;re
+                confortable sharing precise location with.
               </p>
             )}
           </div>

diff --git a/apps/web/pages/index.tsx b/apps/web/pages/index.tsx
@@ -12,7 +12,7 @@ const Home: NextPage = () => {
       <div className="h-full flex-grow overflow-hidden border shadow-lg">
         <AppMap />
       </div>
-      <div className="h-full flex flex-col justify-between w-96 p-2 overflow-hidden border shadow-lg">
+      <div className="h-full flex flex-col justify-between w-96 p-4 overflow-hidden border shadow-lg">
         <SidePannel />
       </div>
     </div>