Improved padding/margin on the info panels

satiate.css

@@ -216,13 +216,15 @@ a:hover {
 }
 
 #world-info {
-  margin: 10px;
+  margin: 10px 0px;
+  padding: 10px;
   background: rgba(255,255,255,0.07);
   flex: 5;
 }
 
 #player-info {
-  margin: 10px;
+  margin: 10px 0px;
+  padding: 10px;
   background: rgba(255,255,255,0.07);
   flex: 5;
 }
@@ -409,12 +411,16 @@ a:hover {
 }
 
 #area-name {
+  margin: 10px 0px;
+  padding: 10px;
+  background: rgba(255,255,255,0.07);
   font-size: 36px;
-  margin: 10px;
 }
 
 #area-desc {
-  margin: 10px;
+  margin: 10px 0px;
+  padding: 10px;
+  background: rgba(255,255,255,0.07);
 }
 
 #log::-webkit-scrollbar {