Layout/Style adjustments

wwwroot/css/chat.css

@@ -58,6 +58,10 @@
   border: none;
 }
 
+.chat-page .page-content > * {
+  width: 900px;
+}
+
 #chat {
   flex: 1;
   overflow-y: auto;

wwwroot/css/dashboard.css

@@ -1,6 +1,5 @@
-.dashboard {
+.dashboard .page-content {
   padding: calc(var(--s4) * 2);
-  overflow-y: auto;
 }
 
 .dashboard section {
@@ -82,7 +81,6 @@
 }
 
 .card.placeholder {
-  border-style: dashed;
   align-items: center;
   justify-content: center;
 }

wwwroot/css/form.css

@@ -1,10 +1,8 @@
 .form {
   padding: calc(var(--s4) * 2);
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--s3);
-  max-width: 600px;
 }
 
 .avatar-section {

wwwroot/css/main.css

@@ -21,6 +21,19 @@ header {
   overflow: hidden;
 }
 
+.page-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.page-content > * {
+  width: 600px;
+  max-width: 100%;
+}
+
 .back-btn {
   background: none;
   border: none;

wwwroot/css/placeholder.css

@@ -1,10 +1,9 @@
-.placeholder-content {
+.placeholder {
   flex: 1;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--s4);
+  gap: var(--s2);
+  padding: calc(var(--s4) * 2);
 }
 
 .placeholder-icon {