feat(badge): bigger dropdown arrow

apps/client/src/widgets/layout/NoteBadges.tsx

@@ -1,15 +1,9 @@
 import "./NoteBadges.css";
 
-import clsx from "clsx";
-import { ComponentChildren, MouseEventHandler } from "preact";
-import { useRef } from "preact/hooks";
-
 import { t } from "../../services/i18n";
-import Dropdown, { DropdownProps } from "../react/Dropdown";
-import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, useStaticTooltip } from "../react/hooks";
-import Icon from "../react/Icon";
-import { useShareInfo } from "../shared_info";
 import { Badge } from "../react/Badge";
+import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean } from "../react/hooks";
+import { useShareInfo } from "../shared_info";
 
 export default function NoteBadges() {
     return (

apps/client/src/widgets/react/Badge.css

@@ -39,6 +39,16 @@
 
     .ext-badge {
         border-radius: 0;
+
+        .text {
+            display: inline-flex;
+            align-items: center;
+
+            .arrow {
+                font-size: 1.3em;
+                margin-left: 0.25em;
+            }
+        }
     }
 
     .btn {

apps/client/src/widgets/react/Badge.tsx

@@ -59,7 +59,7 @@ export function BadgeWithDropdown({ text, children, tooltip, className, dropdown
         <Dropdown
             className={`dropdown-badge dropdown-${className}`}
             text={<Badge
-                text={<>{text} <Icon icon="bx bx-chevron-down" /></>}
+                text={<>{text} <Icon className="arrow" icon="bx bx-chevron-down" /></>}
                 className={className}
                 {...props}
             />}