Minor improvements to about:extensions

brave · Jan 23, 2017 · 6630971 · 6630971
1 parent 47e4a22
commit 6630971
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/js/about/extensions.js b/js/about/extensions.js
@@ -27,6 +27,7 @@ class ExtensionItem extends ImmutableComponent {
   }
   render () {
     const icon = this.props.extension.getIn(['manifest', 'icons', '48'])
+    const permissions = this.props.extension.getIn(['manifest', 'permissions'])
     return <div role='listitem'
       disabled={!this.props.extension.get('enabled')}
       className='listItem'
@@ -46,7 +47,11 @@ class ExtensionItem extends ImmutableComponent {
         }
         <div className='extensionPath'><span data-l10n-id='extensionPathLabel' /> <span>{this.props.extension.get('base_path')}</span></div>
         <div className='extensionID'><span data-l10n-id='extensionIdLabel' /> <span>{this.props.extension.get('id')}</span></div>
-        <div className='extensionPermissions'><span data-l10n-id='extensionPermissionsLabel' /> <span>{this.props.extension.getIn(['manifest', 'permissions']).join(', ')}</span></div>
+        {
+          permissions
+          ? <div className='extensionPermissions'><span data-l10n-id='extensionPermissionsLabel' /> <span>{permissions.join(', ')}</span></div>
+          : null
+        }
       </div>
     </div>
   }

diff --git a/less/about/extensions.less b/less/about/extensions.less
@@ -21,6 +21,11 @@
 
     .extensionImage {
       padding-right: 10px;
+
+      img {
+        width: 48px;
+      }
+
     }
 
     &[disabled] {