From 5841e11695b17a7fcbfa1b8b31f26b5eb4e5c55e Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Sun, 29 Mar 2020 20:04:24 -0700
Subject: [PATCH] developer_mode cleanup

---
 hyperglass/ui/components/Debugger.js | 23 +++++++++++++++++------
 hyperglass/ui/nextdev.js             |  3 ++-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/hyperglass/ui/components/Debugger.js b/hyperglass/ui/components/Debugger.js
index 3abcc98..02a7fe1 100644
--- a/hyperglass/ui/components/Debugger.js
+++ b/hyperglass/ui/components/Debugger.js
@@ -35,16 +35,15 @@ const Debugger = () => {
                 borderWidth="1px"
                 borderColor={borderColor[colorMode]}
                 py={4}
-                mx={-4}
                 px={4}
                 isInline
-                // position="fixed"
                 position="relative"
-                // bottom="10%"
                 left={0}
                 right={0}
+                bottom={0}
                 justifyContent="center"
                 zIndex={1000}
+                maxW="100%"
             >
                 <Tag variantColor="gray">{colorMode.toUpperCase()}</Tag>
                 <Tag variantColor="teal">{prettyMediaSize[mediaSize]}</Tag>
@@ -57,7 +56,13 @@ const Debugger = () => {
             </Stack>
             <Modal isOpen={configOpen} onClose={configClose} size="full">
                 <ModalOverlay />
-                <ModalContent bg={bg[colorMode]} color={color[colorMode]} py={4} borderRadius="md">
+                <ModalContent
+                    bg={bg[colorMode]}
+                    color={color[colorMode]}
+                    py={4}
+                    borderRadius="md"
+                    maxW="90%"
+                >
                     <ModalHeader>Loaded Configuration</ModalHeader>
                     <ModalCloseButton />
                     <ModalBody>
@@ -65,9 +70,15 @@ const Debugger = () => {
                     </ModalBody>
                 </ModalContent>
             </Modal>
-            <Modal isOpen={themeOpen} onClose={themeClose} size="xl">
+            <Modal isOpen={themeOpen} onClose={themeClose} size="full">
                 <ModalOverlay />
-                <ModalContent bg={bg[colorMode]} color={color[colorMode]} py={4} borderRadius="md">
+                <ModalContent
+                    bg={bg[colorMode]}
+                    color={color[colorMode]}
+                    py={4}
+                    borderRadius="md"
+                    maxW="90%"
+                >
                     <ModalHeader>Loaded Theme</ModalHeader>
                     <ModalCloseButton />
                     <ModalBody>
diff --git a/hyperglass/ui/nextdev.js b/hyperglass/ui/nextdev.js
index 2f538d9..ec828ed 100644
--- a/hyperglass/ui/nextdev.js
+++ b/hyperglass/ui/nextdev.js
@@ -10,7 +10,8 @@ const { NODE_ENV: env, _HYPERGLASS_URL_: envUrl } = config;
 
 const devProxy = {
     "/api/query/": { target: envUrl + "api/query/", pathRewrite: { "^/api/query/": "" } },
-    "/images": { target: envUrl + "images", pathRewrite: { "^/images": "" } }
+    "/images": { target: envUrl + "images", pathRewrite: { "^/images": "" } },
+    "/custom": { target: envUrl + "custom", pathRewrite: { "^/custom": "" } }
 };
 
 const port = parseInt(process.env.PORT, 10) || 3000;