fix a react warning (can't have div inside p)

Author: medyo

src/cards/HNCard.js

@@ -20,52 +20,44 @@ const StoryItem = ({ item, index, analyticsTag }) => {
 
   return (
     <CardItemWithActions
-      source={"hackernews"}
+      source={'hackernews'}
       index={index}
       item={item}
       key={index}
       cardItem={
         <>
           <p className="rowTitle">
             <CardLink link={item.url} analyticsSource={analyticsTag}>
-              { listingMode === "compact" && 
-                    <div className="counterWrapper">
-                        <VscTriangleUp/>
-                        <span className="value">{item.score}</span>
-                    </div>
-                }
-                
-                <div className="subTitle">
-                    {item.title}
-                </div>
+              {listingMode === 'compact' && (
+                <span className="counterWrapper">
+                  <VscTriangleUp />
+                  <span className="value">{item.score}</span>
+                </span>
+              )}
+
+              <span className="subTitle">{item.title}</span>
             </CardLink>
           </p>
-          {listingMode === "normal" && (
+          {listingMode === 'normal' && (
             <div className="rowDetails">
               <span className="rowItem hnRowItem">
                 <GoPrimitiveDot className="rowItemIcon" /> {item.score} points
               </span>
-              <span
-                className="rowItem"
-                title={new Date(item.time * 1000).toUTCString()}
-              >
-                <MdAccessTime className="rowItemIcon" />{" "}
-                {format(new Date(item.time * 1000))}
+              <span className="rowItem" title={new Date(item.time * 1000).toUTCString()}>
+                <MdAccessTime className="rowItemIcon" /> {format(new Date(item.time * 1000))}
               </span>
               <ClickableItem
                 link={`https://news.ycombinator.com/item?id=${item.id}`}
                 className="rowItem rowItemClickable"
-                analyticsSource={analyticsTag}
-              >
-                <BiCommentDetail className="rowItemIcon" /> {item.descendants}{" "}
-                comments
+                analyticsSource={analyticsTag}>
+                <BiCommentDetail className="rowItemIcon" /> {item.descendants} comments
               </ClickableItem>
             </div>
           )}
         </>
       }
     />
-  );
+  )
 }