fix layout, update colors

src/View/chatPage.tsx

@@ -11,7 +11,11 @@ export function ChatPage(chatViewModel: ChatViewModel) {
       <header>
         <span subscribe:innerText={chatViewModel.primaryChannel}></span>
       </header>
-      <div></div>
+      <div>
+        <div class="ribbon"></div>
+        <div class="toolbar"></div>
+        <div class="main"></div>
+      </div>
     </article>
   );
 }

src/View/homePage.css

@@ -9,9 +9,7 @@
   overflow: hidden;
   overflow-x: scroll;
 
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-bottom: 0px;
+  padding: 0px;
 }
 
 #home-page > div > div {
@@ -21,6 +19,7 @@
 
   gap: var(--gap-between-tiles);
   padding: var(--content-padding);
+  padding-top: calc(var(--header-height) + var(--content-margin));
 
   width: 100%;
   min-width: 100%;