Small header fix + webpack dev mode

src/pagesView/components/Header/Header.tsx

@@ -54,7 +54,7 @@ export const Header: React.FunctionComponent<IHeaderProps> = ({totalPages, folde
       {
         view === "contents" && (
           <>
-            <div className={`px-4 my-2 flex items-center justify-between`}>
+            <div className={`px-4 mt-3 mb-2 flex items-center justify-between`}>
               <Searchbox />
 
               <div className={`flex items-center space-x-4`}>

webpack.config.js

@@ -4,7 +4,7 @@
 
 const path = require('path');
 
-module.exports = [
+const config = [
   {
     name: 'extension',
     target: 'node',
@@ -96,4 +96,12 @@ module.exports = [
       maxAssetSize: 400000
     }
   }
-];
+];
+
+module.exports = (env, argv) => {
+  for (const configItem of config) {
+    configItem.mode = argv.mode;
+  }
+
+  return config;
+};