Added margins to user profile, reports and topic show pages

Author: moozzi

app/assets/stylesheets/base/root.css

@@ -19,6 +19,12 @@ html {
   min-height: calc(100vh - var(--nav-height));
 }
 
+.container > * {
+  margin-top: var(--spacing-4);
+  margin-left: var(--spacing-4);
+  margin-right: var(--spacing-4);
+}
+
 .page-layout.with-sidebar {
   --sidebar-width: 360px;
   --sidebar-resizer-width: 10px;

app/assets/stylesheets/components/profile.css

@@ -2,6 +2,12 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-6);
+  margin-top: var(--spacing-4);
+}
+
+.person-profile > * {
+  margin-left: var(--spacing-4);
+  margin-right: var(--spacing-4);
 }
 
 .profile-header {

app/assets/stylesheets/components/reports.css

@@ -2,6 +2,9 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-6);
+  margin-left: var(--spacing-4);
+  margin-right: var(--spacing-4);
+  margin-top: var(--spacing-4);
 }
 
 .reports-header {
@@ -12,7 +15,6 @@
   background: var(--color-bg-card);
   border: var(--border-width) solid var(--color-border);
   border-radius: var(--border-radius-lg);
-  border-top: 3px solid var(--color-primary);
 }
 
 .reports-header-nav {

app/assets/stylesheets/components/sidebar.css

@@ -1,4 +1,5 @@
 .sidebar {
+  margin-left: var(--spacing-3);
   position: sticky;
   top: calc(var(--nav-height) + var(--spacing-5));
   align-self: start;

app/assets/stylesheets/components/stats.css

@@ -2,6 +2,9 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-6);
+  margin-left: var(--spacing-4);
+  margin-right: var(--spacing-4);
+  margin-top: var(--spacing-4);
 }
 
 .stats-intro {
@@ -14,6 +17,8 @@
   gap: var(--spacing-3);
   position: sticky;
   top: var(--spacing-6);
+  margin-left: var(--spacing-2);
+  margin-top: var(--spacing-2);
 }
 
 .stats-controls {