diff --git a/src/plugins/shared_preferences/index.js b/src/plugins/shared_preferences/index.js
index e1d347ed9..f3d733fb3 100644
--- a/src/plugins/shared_preferences/index.js
+++ b/src/plugins/shared_preferences/index.js
@@ -5,7 +5,15 @@
* @format
*/
-import {ManagedTable, Text, Panel, colors, FlexRow, DataInspector} from 'sonar';
+import {
+ ManagedTable,
+ Text,
+ Heading,
+ FlexColumn,
+ colors,
+ FlexRow,
+ DataInspector,
+} from 'sonar';
import {SonarPlugin} from 'sonar';
const {clone} = require('lodash');
@@ -39,14 +47,24 @@ const CHANGELOG_COLUMNS = {
};
const CHANGELOG_COLUMN_SIZES = {
- event: '20%',
- name: '40%',
- value: '40%',
+ event: '30%',
+ name: '30%',
+ value: '30%',
};
const UPDATED_LABEL = Updated;
const DELETED_LABEL = Deleted;
+const InspectorColumn = FlexColumn.extends({
+ flexGrow: 0.2,
+ padding: '16px',
+});
+
+const ChangelogColumn = FlexColumn.extends({
+ flexGrow: 0.8,
+ padding: '16px',
+});
+
export default class extends SonarPlugin {
static title = 'Shared Preferences Viewer';
static id = 'Preferences';
@@ -124,16 +142,19 @@ export default class extends SonarPlugin {
return (
-
+
+ Inspector
-
-
+
+
+ Changelog
{
return {
columns: {
@@ -152,7 +173,7 @@ export default class extends SonarPlugin {
};
})}
/>
-
+
);
}