Prevent titles from vanishing; remove padding on sidebars

satiate.css

@@ -211,7 +211,6 @@ a:hover {
 
 .sidebar {
   background: rgba(255, 255, 255, 0.1);
-  padding: 25px;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -440,6 +439,13 @@ a:hover {
   background: rgba(255,255,255,0.07);
 }
 
+#area-info {
+  margin: 10px 0px;
+  padding: 10px;
+  background: rgba(255,255,255,0.07);
+  flex: 5;
+}
+
 #log::-webkit-scrollbar {
   width: 3px;
   height: 2px;

satiate.html

@@ -43,11 +43,11 @@
           <div id="game-menu">
             <button class="game-menu-button" id="game-menu-button">Menu</button>
           </div>
+          <div class="info-header" id="world-info-header">Info</div>
           <div id="world-info">
-            <div class="info-header" id="world-info-header">World</div>
           </div>
+          <div class="info-header" id="player-info-header">Stats</div>
           <div id="player-info">
-            <div class="info-header" id="player-info-header">Player</div>
           </div>
         </div>
         <div id="log">
@@ -55,8 +55,8 @@
         <div class="sidebar">
           <div id="area-name"></div>
           <div id="area-desc"></div>
+          <div class="info-header" id="area-info-header">Room Info</div>
           <div id="area-info">
-            <div class="info-header" id="area-info-header">Area</div>
           </div>
         </div>
       </div>