fix @types+proj4+2.5.5 patch and update Readme for conflicting peer d…

README.md

@@ -39,6 +39,13 @@ Extract the source code in a directory, then from the directory:
 npm install
 ng serve
 ```
+If you have some "Conflicting peer dependency" or other error you can try
+
+```bash
+npm install --legacy-peer-deps
+export NODE_OPTIONS=--openssl-legacy-provider; ng serve
+```
+
 
 After a while, the application should be available from your browser at http://localhost:4200.
 

dist.sh

@@ -1,5 +1,6 @@
 #!/bin/bash
 
+export NODE_OPTIONS=--openssl-legacy-provider;
 yarn
 rm -fr dist
 npm run electron-build

patches/@types+proj4+2.5.0.patch → patches/@types+proj4+2.5.5.patch

@@ -1,12 +1,11 @@
 diff --git a/node_modules/@types/proj4/index.d.ts b/node_modules/@types/proj4/index.d.ts
-index d7d4cf1..d1edc36 100644
+index 6ba042e..e57f696 100644
 --- a/node_modules/@types/proj4/index.d.ts
 +++ b/node_modules/@types/proj4/index.d.ts
-@@ -112,5 +112,6 @@ declare function proj4<T extends proj4.TemplateCoordinates>(
-     coordinates: T
+@@ -107,5 +107,5 @@ declare function proj4<T extends proj4.TemplateCoordinates>(
+     coordinates: T,
  ): T;
 
 -export = proj4;
-+// export = proj4;
 +export default proj4;
  export as namespace proj4;

src/app/images-tagger/images-tagger.component.scss

@@ -64,22 +64,22 @@ input {
         position: absolute;
         right: 10px;
         top: 0;
-        cursor: pointer;        
+        cursor: pointer;
     }
 }
 
 .dyn-w{
-    width: 33% !important;
+    width: 100% !important;
 }
 
 @media (max-width: 768px) {
     .dyn-w{
-        width: 50% !important;
+        width: 100% !important;
     }
 }
 
 @media (max-width: 576px) {
     .dyn-w{
         width: 100% !important;
     }
-}
+}

src/app/smartimage/smartimage.component.scss

@@ -2,13 +2,13 @@
     position: relative;
     overflow: hidden;
     max-width: 10000px;
-    max-height: 320px;
+    max-height: 800px;
 }
 
 .img-fluid{
     image-rendering: pixelated;
-    max-width: 10000px; 
-    max-height: 320px;
+    max-width: 10000px;
+    max-height: 800px;
 }
 
 .gm-style-pbc {
@@ -42,4 +42,4 @@
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
-}
+}