element positions

Author: spacedrone404

dist/about.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/batch-tools.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/index.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/projects.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/settings.html

@@ -232,8 +232,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -314,7 +314,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/storage-tools.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

dist/web-snippets.html

@@ -215,8 +215,8 @@
   sound.play();
   });</script><style>#popup-container {
     position: fixed;
-    top: 10%;
-    left: 85%;
+    bottom: 22%;
+    left: 76%;
     width: 200px;      
     padding: 10px;
     background-color: #8c3e3e;
@@ -297,7 +297,7 @@
   border: 3px groove lime;
   text-align: center;
   padding: 10px;
-  transform: translate(70vw, 30vw);
+  transform: translate(0vw, 33vw);
 }
 
 #drag-header  {

src/includes/draggable.pug

@@ -6,7 +6,7 @@ style.
     border: 3px groove lime;
     text-align: center;
     padding: 10px;
-    transform: translate(70vw, 30vw);
+    transform: translate(0vw, 33vw);
   }
 
   #drag-header  {

src/includes/popup.pug

@@ -1,8 +1,8 @@
 style. 
   #popup-container {
       position: fixed;
-      top: 10%;
-      left: 85%;
+      bottom: 22%;
+      left: 76%;
       width: 200px;      
       padding: 10px;
       background-color: #8c3e3e;

webpack.config.js

@@ -24,7 +24,7 @@ const CopyWebpackPlugin = require("copy-webpack-plugin");
 // }
 
 module.exports = {
-  watch: true, // Force watch mode to detect all file changes
+  // watch: true, // Force watch mode to detect all file changes
 
   // Multiple entry points for mount points, CSS sucked by JS
   entry: {
@@ -277,10 +277,9 @@ module.exports = {
 
   // Makes sure that all changes are monitored
   watchOptions: {
-    poll: true,
     ignored: /node_modules/,
-    aggregateTimeout: 400,
-    poll: 1000,
+    aggregateTimeout: 100,
+    poll: 500,
   },
 
   // Development server configuration
@@ -289,9 +288,11 @@ module.exports = {
     historyApiFallback: {
       rewrites: [{ from: /.*/, to: "/index.html" }],
     },
+    watchFiles: ["src/**/*.pug", "src/**/*.js", "src/**/*.scss"],
     compress: true,
     port: 9000,
     open: true,
-    hot: true,
+    hot: false,
+    liveReload: true,
   },
 };