disable windows save location for small screens

src/css/style.css

@@ -108,12 +108,13 @@ h2 {
 }
 
 #save-location-input {
+    display: block;
     font-family: 'Consolas', monospace;
     font-size: 0.75rem;
     text-align: center;
-    width: max-content;
+    width: 100%;
+    max-width: 32em;
     color: #fff;
-    display: block;
     background-color: rgba(128, 128, 128, 0.5);
     margin: 0.4rem auto 0.6rem auto;
     padding: 0.16rem 0.5rem 0.25rem 0.5rem;
@@ -185,6 +186,7 @@ input[type="file"] {
 #save-area {
     display: block;
     width: 100%;
+    max-width: 542px;
     height: 5.65rem;
 }
 
@@ -539,8 +541,10 @@ input[type="radio"] {
 
 .tooltip {
     position: relative;
+    display: block;
     margin: 0 auto;
-    width: max-content;
+    width: 100%;
+    max-width: 550px;
 }
 
 .tooltip .tooltip-text {
@@ -577,6 +581,12 @@ input[type="radio"] {
     opacity: 1;
 }
 
+@media screen and (max-width: 570px) {
+    .tooltip {
+        display: none;
+    }
+}
+
 .percent-box {
     display: inline-block;
     text-align: center;

src/index.html

@@ -47,7 +47,8 @@
         <br>
         <!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
         <div class="tooltip">
-            <input type="text" id="save-location-input" size="57" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly>
+            <input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly>
+            <!-- <textarea id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly></textarea> -->
             <span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
         </div>
         <p class="smalltext">

src/js/HKCheckCompletion.js

@@ -450,7 +450,7 @@ function CheckCompletionPercent(divId, completionPercentage) {
  * Fills HTML with appropriate number of health mask images
  * @param {object} divId ID of the HTML element for data appending
  * @param {number} masks Number of max health masks from the save (baseline without charms and lifeblood)
- * @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul
+ * @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul, 2 = Steel Soul broken save
  */
 function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
 
@@ -461,7 +461,7 @@ function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
     let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`;
     let maskImg = "";
 
-    (permadeathMode === 1) ? maskImg = maskSteel: maskImg = maskNormal;
+    (permadeathMode > 0) ? maskImg = maskSteel: maskImg = maskNormal;
 
     for (let i = 0; i < masks; i++) {
         maskImages += maskImg;

src/partials/analytics.html

@@ -2,7 +2,7 @@
 <script async src="https://www.googletagmanager.com/gtag/js?id=<%= ga_property_id %>"></script>
 <script>
     // Temporarily disable the tracking for testing (set to false to enable Analytics)
-    window['ga-disable-<%= ga_property_id %>'] = false;
+    window['ga-disable-<%= ga_property_id %>'] = true;
 
     window.dataLayer = window.dataLayer || [];