wip

src/components/BalanceSummary/index.js

@@ -35,7 +35,7 @@ const BalanceSummary = ({
 }: Props) => {
   const account = accounts.length === 1 ? accounts[0] : undefined
   return (
-    <Card p={0} py={6}>
+    <Card p={0} py={5}>
       <CalculateBalance accounts={accounts} daysCount={daysCount}>
         {({ isAvailable, balanceHistory, balanceStart, balanceEnd }) =>
           !isAvailable ? null : (
@@ -57,7 +57,7 @@ const BalanceSummary = ({
                   unit={account ? account.unit : null}
                   color={chartColor}
                   data={balanceHistory}
-                  height={250}
+                  height={200}
                   currency={counterValue}
                   tickXScale={selectedTime}
                   renderTickY={val => formatShort(counterValue.units[0], val)}

src/components/DashboardPage/index.js

@@ -56,8 +56,9 @@ type State = {
 
 class DashboardPage extends PureComponent<Props, State> {
   state = {
-    selectedTime: 'week',
+    // save to user preference?
-    daysCount: 7,
+    selectedTime: 'month',
+    daysCount: 30,
   }
 
   onAccountClick = account => this.props.push(`/account/${account.id}`)

src/components/base/Chart/helpers.js

@@ -25,7 +25,7 @@ export function generateMargins(hideAxis) {
     top: hideAxis ? 5 : 10,
     bottom: hideAxis ? 5 : 30,
     right: hideAxis ? 5 : 40,
-    left: hideAxis ? 5 : 80,
+    left: hideAxis ? 5 : 70,
   }
 
   // FIXME: Forced to "use" margins here to prevent babel/uglify to believe

src/main/app.js

@@ -65,7 +65,7 @@ const defaultWindowOptions = {
 }
 
 function createMainWindow() {
-  const MIN_HEIGHT = 768
+  const MIN_HEIGHT = 500 //768
   const MIN_WIDTH = 1024
 
   const savedDimensions = db.getIn('settings', 'window.MainWindow.dimensions', {})