From 69c38d7e8f41a01cbfaa10303e8624a2ec41d0a5 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Fri, 13 Mar 2020 17:01:59 +0200
Subject: [PATCH] Journals list+import: move journal items to the left side.

---
 src/Journals/JournalsList.tsx       | 8 ++++----
 src/Journals/JournalsListImport.tsx | 9 ++++++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/Journals/JournalsList.tsx b/src/Journals/JournalsList.tsx
index e0c2d2b..3395f32 100644
--- a/src/Journals/JournalsList.tsx
+++ b/src/Journals/JournalsList.tsx
@@ -54,7 +54,7 @@ export default function JournalsList(props: PropsType) {
       }
       ret[info.type] = ret[info.type] || [];
       ret[info.type].push(
-        <ListItem key={journal.uid} rightIcon={colorBox}
+        <ListItem key={journal.uid} rightIcon={colorBox} insetChildren
           onClick={() => journalClicked(journal.uid)}>
           {info.displayName} ({journal.uid.slice(0, 5)})
         </ListItem>
@@ -82,19 +82,19 @@ export default function JournalsList(props: PropsType) {
       <List>
         <ListItem
           primaryText="Address Books"
-          rightIcon={<ContactsIcon />}
+          leftIcon={<ContactsIcon />}
           nestedItems={journalMap.ADDRESS_BOOK}
         />
 
         <ListItem
           primaryText="Calendars"
-          rightIcon={<CalendarTodayIcon />}
+          leftIcon={<CalendarTodayIcon />}
           nestedItems={journalMap.CALENDAR}
         />
 
         <ListItem
           primaryText="Tasks"
-          rightIcon={<FormatListBulletedIcon />}
+          leftIcon={<FormatListBulletedIcon />}
           nestedItems={journalMap.TASKS}
         />
       </List>
diff --git a/src/Journals/JournalsListImport.tsx b/src/Journals/JournalsListImport.tsx
index 707999b..8c9f614 100644
--- a/src/Journals/JournalsListImport.tsx
+++ b/src/Journals/JournalsListImport.tsx
@@ -3,6 +3,10 @@
 
 import * as React from 'react';
 
+import ContactsIcon from '@material-ui/icons/Contacts';
+import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
+import FormatListBulletedIcon from '@material-ui/icons/FormatListBulleted';
+
 import { List, ListItem } from '../widgets/List';
 
 import AppBarOverride from '../widgets/AppBarOverride';
@@ -42,7 +46,7 @@ export default function JournalsList(props: PropsType) {
       }
       ret[info.type] = ret[info.type] || [];
       ret[info.type].push(
-        <ListItem key={journal.uid} rightIcon={colorBox}
+        <ListItem key={journal.uid} rightIcon={colorBox} insetChildren
           onClick={() => setSelectedJournal(props.syncInfo.get(journal.uid))}>
           {info.displayName} ({journal.uid.slice(0, 5)})
         </ListItem>
@@ -62,16 +66,19 @@ export default function JournalsList(props: PropsType) {
       <List>
         <ListItem
           primaryText="Address Books"
+          leftIcon={<ContactsIcon />}
           nestedItems={journalMap.ADDRESS_BOOK}
         />
 
         <ListItem
           primaryText="Calendars"
+          leftIcon={<CalendarTodayIcon />}
           nestedItems={journalMap.CALENDAR}
         />
 
         <ListItem
           primaryText="Tasks"
+          leftIcon={<FormatListBulletedIcon />}
           nestedItems={journalMap.TASKS}
         />
       </List>