make expanding icon smaller and not focusable

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/badge/badge.scss

@@ -27,8 +27,8 @@
     transform: scaleX(-1);
     position: absolute;
     z-index: 1;
-    right: -10px;
-    bottom: -10px;
+    right: -6px;
+    bottom: -6px;
     color: $textColorAccent;
     background-color: $halfGray;
     border-radius: 50%;

src/renderer/components/badge/badge.tsx

@@ -37,11 +37,14 @@ export class Badge extends React.Component<BadgeProps> {
       return null
     }
 
-    if (this.isExpanded) {
-      return <Icon className="expansionIcon" size={20} material="close_fullscreen" onClick={this.onClick} />
-    }
-
-    return <Icon className="expansionIcon" size={20} material="open_in_full" onClick={this.onClick} />
+    const material = this.isExpanded ? "close_fullscreen" : "open_in_full"
+    return <Icon
+      className="expansionIcon"
+      size={12}
+      material={material}
+      focusable={false}
+      onClick={this.onClick}
+    />
   }
 
   render() {