fix(core): adjust ui styles (#5094)

packages/frontend/component/src/components/page-list/view/collection-list.tsx

@@ -5,7 +5,7 @@ import type {
 } from '@affine/env/filter';
 import type { PropertiesMeta } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { FilteredIcon } from '@blocksuite/icons';
+import { FilterIcon } from '@blocksuite/icons';
 import { Button } from '@toeverything/components/button';
 import { Menu } from '@toeverything/components/menu';
 import { useCallback, useState } from 'react';
@@ -75,7 +75,7 @@ export const CollectionList = ({
             <Button
               className={styles.filterMenuTrigger}
               type="default"
-              icon={<FilteredIcon />}
+              icon={<FilterIcon />}
               data-testid="create-first-filter"
             >
               {t['com.affine.filter']()}
@@ -99,7 +99,7 @@ export const CollectionList = ({
           <Button
             className={styles.filterMenuTrigger}
             type="default"
-            icon={<FilteredIcon />}
+            icon={<FilterIcon />}
             data-testid="create-first-filter"
           >
             {t['com.affine.filter']()}

packages/frontend/component/src/ui/button/styles.css.ts

@@ -61,6 +61,7 @@ export const dropdownIcon = style({
 
 export const radioButton = style({
   flexGrow: 1,
+  flex: 1,
   selectors: {
     '&:not(:last-of-type)': {
       marginRight: '4px',
@@ -72,7 +73,8 @@ export const radioButtonContent = style({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  height: '24px',
+  height: '28px',
+  padding: '4px 8px',
   borderRadius: '8px',
   filter: 'drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1))',
   whiteSpace: 'nowrap',