2 files changed, 9 insertions, 1 deletions
diff --git a/frontend/views/graph/components/graph.editor.js b/frontend/views/graph/components/graph.editor.js
index 3be0063..99c5665 100644
--- a/frontend/views/graph/components/graph.editor.js
+++ b/frontend/views/graph/components/graph.editor.js
@@ -82,6 +82,11 @@ class GraphEditor extends Component {
   }
 
   handleMouseDown(e, page) {
+    if (e.shiftKey) {
+      e.preventDefault()
+      this.props.graphActions.setHomePageId(this.props.graph.show.res, page)
+      return
+    }
     const bounds = this.getBoundingClientRect()
     const mouseX = e.pageX
     const mouseY = e.pageY
diff --git a/frontend/views/graph/components/page.handle.js b/frontend/views/graph/components/page.handle.js
index 13eee45..be05a1a 100644
--- a/frontend/views/graph/components/page.handle.js
+++ b/frontend/views/graph/components/page.handle.js
@@ -36,11 +36,14 @@ export default class PageHandle extends Component {
         left: (bounds.width) * Math.min(page.settings.x, 0.95),
       }
     }
+    const className = (graph.home_page_id === page.id)
+      ? 'handle homepage'
+      : 'handle'
     const url = '/' + graph.path + '/' + page.path
     // console.log(style)
     return (
       <div
-        className='handle'
+        className={className}
         ref={this.ref}
         onMouseDown={onMouseDown}
         onDoubleClick={() => history.push(url)}