Add styling for the welcome page

2 files changed, 25 insertions, 3 deletions

diff --git a/webapp/src/default.css b/webapp/src/default.css
index acb8356..82fca71 100644
--- a/webapp/src/default.css
+++ b/webapp/src/default.css
@@ -76,6 +76,25 @@ body {
     grid-area: bottom;
 }
 
+.main-page {
+    margin: 0 auto;
+    max-width: 30em;
+    font-size: 150%;
+}
+
+.main-menu {
+}
+
+.main-page h1, p {
+    margin-top: 0.5em;
+    padding-top: 0.5em;
+    line-height: 1.5;
+}
+
+.main-menu li {
+    list-style-type: none;
+}
+
 button {
   background: none!important;
   border: none;
diff --git a/webapp/src/main.rs b/webapp/src/main.rs
index de4dd7a..7dd40d9 100644
--- a/webapp/src/main.rs
+++ b/webapp/src/main.rs
@@ -57,10 +57,13 @@ fn home() -> Html {
     };
 
     html! {
-        <ul>
-        <li>{ user }</li>
-        <li><button onclick={create_table}>{ "Create table" }</button></li>
+        <div class="main-page">
+        <h1>{"Bridge App"}</h1>
+        <ul class="main-menu">
+          <li>{ user }</li>
+          <li><button onclick={create_table}>{ "Create table" }</button></li>
         </ul>
+        </div>
     }
 }