Minor layout improvements

Author: robojumper

src/app/dim-ui/PressTip.tsx

@@ -30,7 +30,7 @@ interface Props {
    */
   tooltip: React.ReactNode | (() => React.ReactNode);
   /**
-   * Whether the presstip should be shown or not.
+   * Whether the presstip should react to events or not.
    */
   disabled?: boolean;
   /**
@@ -153,12 +153,14 @@ function PressTip(props: Props) {
 
   const hover = useCallback(
     (e: React.MouseEvent | React.TouchEvent | TouchEvent) => {
-      e.preventDefault();
-      clearTimeout(timer.current);
-      timer.current = window.setTimeout(() => {
-        setOpen(!props.disabled);
-      }, hoverDelay);
-      touchStartTime.current = performance.now();
+      if (!props.disabled) {
+        e.preventDefault();
+        clearTimeout(timer.current);
+        timer.current = window.setTimeout(() => {
+          setOpen(true);
+        }, hoverDelay);
+        touchStartTime.current = performance.now();
+      }
     },
     [props.disabled]
   );

src/app/inventory/InventoryItem.tsx

@@ -30,7 +30,7 @@ interface Props {
   wishlistRoll?: InventoryWishListRoll;
   /** Don't show information that relates to currently selected perks (only used for subclasses currently) */
   ignoreSelectedPerks?: boolean;
-  /** Don't show information that relates to currently selected perks (only used for subclasses currently) */
+  /** Show a tooltip summarizing the item for when a click on the item has other effects than bringing up item popup */
   includeTooltip?: boolean;
   innerRef?: React.Ref<HTMLDivElement>;
   /** TODO: item locked needs to be passed in */

src/app/inventory/ItemTooltip.m.scss

@@ -29,12 +29,7 @@
 }
 
 .note {
-  margin-left: -4px;
-}
-
-.noteIcon {
-  height: 24px;
-  width: 24px;
+  margin-left: 2px;
 }
 
 .stats {

src/app/inventory/ItemTooltip.m.scss.d.ts

@@ -81,7 +81,7 @@ function Tooltip({
       {def.itemTypeDisplayName && <h3>{def.itemTypeDisplayName}</h3>}
       {notes && (
         <div className={clsx(styles.notes)}>
-          <AppIcon className={styles.noteIcon} icon={stickyNoteIcon} />
+          <AppIcon icon={stickyNoteIcon} />
           <span className={clsx(styles.note)}>{notes}</span>
         </div>
       )}