@rileybathurst/paddle 1.9.13 → 1.9.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rileybathurst/paddle",
   "private": false,
-  "version": "1.9.13",
+  "version": "1.9.14",
   "type": "module",
   "scripts": {
     "dev": "tsc --noEmit && stay-gold && vite",

package/src/paddle-location.tsx

@@ -119,12 +119,12 @@ const Content = ({
   phone,
 }: ContentTypes) => {
   return (
-    <>
+    <React.Fragment>
       <div className="svg">
         <SVG src={svg} />
       </div>
 
-      <div className="location_details">
+      <div className="location-details">
         <h3>{name}</h3>
 
         {streetAddress ||
@@ -161,7 +161,7 @@ const Content = ({
           <Phone phone={phone} />
         )}
       </div>
-    </>
+    </React.Fragment>
   );
 };
 
@@ -206,7 +206,7 @@ export const PaddleLocation = ({
   );
 
   return link.includes("http") ? (
-    <React.Fragment>
+    <div className={`location-wrapper ${phone ? 'phone-spacer' : ''}`}>
       <a
         href={link}
         className="location"
@@ -219,15 +219,15 @@ export const PaddleLocation = ({
       {phone && (
         <Phone phone={phoneDidgits} />
       )}
-    </React.Fragment>
+    </div>
   ) : (
-    <React.Fragment>
+    <div className={`location-wrapper ${phone ? 'phone-spacer' : ''}`}>
       <Link to={link} className="location">
         {content}
       </Link>
       {phone && (
         <Phone phone={phoneDidgits} />
       )}
-    </React.Fragment>
+    </div>
   );
 };

package/src/phone.tsx

@@ -19,7 +19,10 @@ type PhoneTypes = {
 
 const Phone = ({ phone }: PhoneTypes) => {
   return (
-    <a href={`tel:${phone}`} rel="norel norefferer" className="button">
+    <a href={`tel:${phone}`}
+    rel="noopener noreferrer"
+    className="button location-phone"
+    >
       Phone: <FormatPhoneNumber phoneNumberString={phone} />
     </a>
   );