Progress

app/javascript/gabsocial/components/popover/popover_layout.js

@@ -4,13 +4,18 @@ export default class PopoverLayout extends PureComponent {
   static propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,
+    width: PropTypes.number,
+  }
+
+  static defaultProps = {
+    width: 250,
   }
 
   render() {
-    const { children, className } = this.props
+    const { children, className, width } = this.props
 
     return (
-      <div className={className}>
+      <div className={className} style={{width: `${width}px`}}>
         <Block>
           {children}
         </Block>

app/javascript/gabsocial/components/popover/profile_options_popover.js

@@ -310,7 +310,7 @@ class ProfileOptionsPopover extends PureComponent {
         <List
           scrollKey='profile_options'
           items={listItems}
-          small
+          size='large'
         />
       </PopoverLayout>
     )

app/javascript/gabsocial/components/popover/sidebar_more_popover.js

@@ -6,6 +6,7 @@ export default class SidebarMorePopover extends PureComponent {
     return (
       <PopoverLayout className={_s.width240PX}>
         <List
+          size='large'
           scrollKey='profile_options'
           items={[
             {
@@ -21,7 +22,6 @@ export default class SidebarMorePopover extends PureComponent {
               href: '/auth/log_out',
             },
           ]}
-          small
         />
       </PopoverLayout>
     )

app/javascript/gabsocial/components/popover/status_options_popover.js

@@ -142,9 +142,9 @@ class StatusOptionsPopover extends ImmutablePureComponent {
     return (
       <PopoverLayout className={_s.width240PX}>
         <List
+          size='large'
           scrollKey='profile_options'
           items={items}
-          small
         />
       </PopoverLayout>
     )

app/javascript/gabsocial/components/popover/status_share_popover.js

@@ -24,6 +24,8 @@ const messages = defineMessages({
 
 // });
 
+// : todo :
+
 export default
 @injectIntl
 // @connect(makeMapStateToProps, mapDispatchToProps)
@@ -60,8 +62,9 @@ class StatusSharePopover extends ImmutablePureComponent {
     const { intl } = this.props
 
     return (
-      <PopoverLayout className={_s.width250PX}>
+      <PopoverLayout width={220}>
         <List
+          size='large'
           scrollKey='status_share_options'
           items={[
             {
@@ -71,13 +74,13 @@ class StatusSharePopover extends ImmutablePureComponent {
               onClick: this.handleCopy,
             },
             {
-              icon: 'envelope',
+              icon: 'email',
               hideArrow: true,
               title: intl.formatMessage(messages.email),
               href: 'mailto:',
             },
             {
-              icon: 'embed',
+              icon: 'code',
               hideArrow: true,
               title: intl.formatMessage(messages.embed),
               onClick: this.handleEmbed,

app/javascript/gabsocial/components/popover/status_visibility_popover.js

@@ -58,13 +58,13 @@ class StatusVisibilityDropdown extends PureComponent {
         subtitle: intl.formatMessage(messages.public_long)
       },
       {
-        icon: 'unlock',
+        icon: 'unlock-filled',
         value: 'unlisted',
         title: intl.formatMessage(messages.unlisted_short),
         subtitle: intl.formatMessage(messages.unlisted_long)
       },
       {
-        icon: 'lock',
+        icon: 'lock-filled',
         value: 'private',
         title: intl.formatMessage(messages.private_short),
         subtitle: intl.formatMessage(messages.private_long)