[fix] UI layout of hacknet nodes no longer overflows player info

css/menupages.css

@@ -299,6 +299,11 @@
     white-space: nowrap;
 }
 
+#hacknet-nodes-list {
+    list-style: none;
+    width: 82vw;
+}
+
 #hacknet-nodes-money {
     margin: 10px;
     float: left;
@@ -306,7 +311,7 @@
 
 #hacknet-nodes-money-multipliers-div {
     display: inline-block;
-    width: 80%;
+    width: 70vw;
 }
 
 #hacknet-nodes-multipliers {
@@ -320,7 +325,7 @@
 .hacknet-node {
     margin: 6px;
     padding: 6px;
-    width: 40%;
+    width: 34vw;
     border: 2px solid var(--my-highlight-color);
     -webkit-box-shadow:
       inset 0 0 8px  rgba(0,0,0,0.1),
@@ -353,6 +358,10 @@
     width: 48px; /* Four times font-size */
 }
 
+.menu-page-text {
+    width: 70vw;
+}
+
 /* World */
 #world-container {
     position: fixed;

index.html

@@ -185,7 +185,7 @@
     <!-- Hacknet Nodes -->
     <div id="hacknet-nodes-container" class="generic-menupage-container">
         <h1 id="hacknet-nodes-title"> Hacknet Nodes </h1>
-        <p id="hacknet-nodes-text">
+        <p id="hacknet-nodes-text" class="menu-page-text">
         The Hacknet is a global, decentralized network of machines. It is used by hackers all around
         the world to anonymously share computing power and perform distributed cyberattacks without the
         fear of being traced.
@@ -211,7 +211,7 @@
                 <a id="hacknet-nodes-max-multiplier" class="a-link-button"> MAX </a>
             </span>
         </div>
-        <ul id="hacknet-nodes-list" style="list-style : none;">
+        <ul id="hacknet-nodes-list">
         </ul>
     </div>