Fix random padding/margins, making content and header the same size

src/serena/resources/dashboard/dashboard.css

@@ -53,8 +53,15 @@ body {
     transition: background-color 0.3s ease, color 0.3s ease;
 }
 
+#frame {
+    max-width: 1600px;
+    margin: 0 auto;
+    padding: 25px;
+    padding-top: 0;
+}
+
 .main {
-    padding: 20px;
+    padding-top: 25px;
 }
 
 .header {
@@ -257,7 +264,7 @@ body {
 }
 
 .page-view {
-    max-width: 1600px;
+    /*max-width: 1600px;*/
     margin: 0 auto;
 }
 

src/serena/resources/dashboard/index.html

@@ -16,6 +16,7 @@
 </head>
 
 <body>
+<div id="frame">
 <header class="header">
     <div class="header-left">
 
@@ -334,6 +335,7 @@
         const dashboard = new Dashboard();
     });
 </script>
+</div> <!-- End of Frame -->
 </body>
 
 </html>