Fix to hunt sanity spacing

tybayn · Apr 18, 2024 · ef22901 · ef22901
1 parent deed6b6
commit ef22901
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -21,9 +21,9 @@
         };
     </script>
     <script src="jquery/jquery-3.6.2.min.js"></script>
-    <script src="scripts-v5/ghost_template-v2.js"></script>
-    <link rel="stylesheet" href="styles-v5/style-v3.css"/>
-    <link rel="stylesheet" href="styles-v5/style-mobile-v3.css"/>
+    <script src="scripts-v5/ghost_template-v3.js"></script>
+    <link rel="stylesheet" href="styles-v5/style-v4.css"/>
+    <link rel="stylesheet" href="styles-v5/style-mobile-v4.css"/>
     <link rel="stylesheet" href="themes-v5/themes-v1.css"/>
     <link rel="stylesheet" href="discord-v5/discord-v1.css" >
     <link rel="stylesheet" href="wiki-v5/wiki-v1.css" >

diff --git a/scripts-v5/ghost_template-v2.js → scripts-v5/ghost_template-v3.js b/scripts-v5/ghost_template-v2.js → scripts-v5/ghost_template-v3.js
@@ -42,7 +42,14 @@ class Ghost {
         <div class="ghost_card" id="${data.ghost}">
             <div class="ghost_name">${data.ghost}</div>
             <div class="ghost_hunt_info">
-                <div class="ghost_hunt ${parseInt(data.hunt_sanity_high) > 50 ?'high':parseInt(data.hunt_sanity_high) < 50 ? 'low':'average'}"><img src="imgs/sanity.png">${parseInt(data.hunt_sanity_low) < parseInt(data.hunt_sanity) ? ('<div class="ghost_hunt_alt">' + data.hunt_sanity_low + '</div><br>') : ''}${data.hunt_sanity}${parseInt(data.hunt_sanity_high) > parseInt(data.hunt_sanity) ? ('<br><div class="ghost_hunt_alt">' + data.hunt_sanity_high + '</div>') : ''}</div>
+                <div class="ghost_hunt ${parseInt(data.hunt_sanity_high) > 50 ?'high':parseInt(data.hunt_sanity_high) < 50 ? 'low':'average'}">
+                    <img src="imgs/sanity.png">
+                    <div class="ghost_hunt_values">
+                        ${parseInt(data.hunt_sanity_low) < parseInt(data.hunt_sanity) ? ('<div class="ghost_hunt_alt">' + data.hunt_sanity_low + '</div>') : ''}
+                        <div>${data.hunt_sanity}</div>
+                        ${parseInt(data.hunt_sanity_high) > parseInt(data.hunt_sanity) ? ('<div class="ghost_hunt_alt">' + data.hunt_sanity_high + '</div>') : ''}
+                    </div>
+                </div>
                 <div class="ghost_speed">
                     <img src="imgs/footsteps.png">
                     <div class="ghost_speed_values">

diff --git a/styles-v5/style-mobile-v3.css → styles-v5/style-mobile-v4.css b/styles-v5/style-mobile-v3.css → styles-v5/style-mobile-v4.css
@@ -1822,10 +1822,15 @@
         height: 85px;
     }
 
+    .ghost_hunt_values{
+        display: flex;
+        flex-direction: column;
+    }
+
     .ghost_hunt_alt{
         font-size: 21px;
-        color: rgba(255,255,255,0.5);
-        display: contents;
+        color: rgba(255,255,255,0.4);
+        margin: -6px 0px;
     }
 
     .ghost_hunt img{

diff --git a/styles-v5/style-v3.css → styles-v5/style-v4.css b/styles-v5/style-v3.css → styles-v5/style-v4.css
@@ -2096,10 +2096,15 @@ hr{
         margin: 3px 0px 3px 5px;
     }
 
+    .ghost_hunt_values{
+        display: flex;
+        flex-direction: column;
+    }
+
     .ghost_hunt_alt{
         font-size: 10px;
-        color: rgba(255,255,255,0.5);
-        display: contents;
+        color: rgba(255,255,255,0.4);
+        margin: -4px 0px;
     }
 
     .ghost_hunt img{