feat: improve UI on mobile

package.json

@@ -29,6 +29,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@babel/runtime": "^7.1.5",
+    "@hot-loader/react-dom": "^16.8.6",
     "@hsjs/react-cache": "0.0.0-alpha.aa94237",
     "@sentry/browser": "^5.1.0",
     "chart.js": "^2.7.3",
@@ -69,7 +70,7 @@
     "eslint": "^5.13.0",
     "eslint-config-react-app": "^4.0.1",
     "eslint-import-resolver-webpack": "^0.11.0",
-    "eslint-plugin-flowtype": "^3.4.2",
+    "eslint-plugin-flowtype": "^3.9.0",
     "eslint-plugin-import": "^2.17.2",
     "eslint-plugin-jest": "^22.0.0",
     "eslint-plugin-jsx-a11y": "^6.2.1",

src/components/Logs.js

@@ -87,7 +87,7 @@ export default function Logs() {
             <div className={s0.logPlaceholderIcon}>
               <SvgYacd width={200} height={200} />
             </div>
-            <div>No logs yet, hang tight...</div>
+            <div>No logs yet, hold tight...</div>
           </div>
         ) : (
           <div className={s0.logsWrapper}>

src/components/Selection.module.css

@@ -5,7 +5,6 @@
 
 .item {
   flex-grow: 0;
-  flex-wrap: 0;
   margin-right: 10px;
   margin-bottom: 10px;
   cursor: pointer;

src/components/SideBar.module.css

@@ -13,7 +13,7 @@
   justify-content: center;
   padding: 25px 0 15px;
   @media (max-width: 768px) {
-    padding: 0;
+    display: none;
   }
   color: #2a477a;
   transition: color 0.3s ease-in-out;

src/components/TrafficChartSample.js

@@ -44,7 +44,7 @@ export default function TrafficChart({ id }) {
   return (
     <div
       style={{
-        width: 150,
+        width: 130,
         padding: 5
       }}
     >

webpack.config.js

@@ -27,7 +27,7 @@ const svgSpriteRule = {
 // ---- entry
 
 const entry = {
-  app: ['./src/app.js']
+  app: ['react-hot-loader/patch', './src/app.js']
 };
 
 // ---- output
@@ -153,6 +153,7 @@ module.exports = {
   mode,
   resolve: {
     alias: {
+      'react-dom': '@hot-loader/react-dom',
       a: resolveDir('src/api'),
       s: resolveDir('src/svg'),
       m: resolveDir('src/misc'),