From e0597f32396d5298381355ae096d0dd22716739e Mon Sep 17 00:00:00 2001
From: David Westgate <davidjwestgate@gmail.com>
Date: Tue, 11 Jun 2024 23:26:22 -0700
Subject: [PATCH] improve css

---
 README.md                |  4 ++--
 frontend/index.css       | 10 +++++++---
 frontend/src/question.rs |  7 +++----
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index e4672b6..1cb5599 100644
--- a/README.md
+++ b/README.md
@@ -15,9 +15,9 @@ Finally, run both the backend and frontend to use the application
 
 ### Using the backend crate
 
-See [backend/README.me](./backend/README.md)
+See [backend/README.md](./backend/README.md)
 
 ### Using the frontend crate
 
-See [frontend/README.me](./frontend/README.md)
+See [frontend/README.md](./frontend/README.md)
 
diff --git a/frontend/index.css b/frontend/index.css
index 562f7ee..6a78148 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -1,11 +1,15 @@
-.teller {
+.title {
     font-weight: bold;
 }
 
-.tellee {
+.question{
     font-style: italic;
 }
 
+.answer{
+    font-weight: bold;
+}
+
 .annotation {
     font-style: italic;
     font-size: 60%;
@@ -16,7 +20,7 @@ h1 {
     font-size: 150%;
 }
 
-.question {
+.questions-container {
     border: 1px solid black;
 }
 
diff --git a/frontend/src/question.rs b/frontend/src/question.rs
index 9a115ef..9bc2e6b 100644
--- a/frontend/src/question.rs
+++ b/frontend/src/question.rs
@@ -36,10 +36,9 @@ pub struct QuestionProps {
 pub fn question(question: &QuestionProps) -> Html {
     let question = &question.question;
     html! { <>
-        <div class="question">
-            <span class="teller">{"Question time!"}</span><br/>
-            <span class="teller">{question.title.clone()}</span><br/>
-            <span class="teller">{question.content.clone()}</span>
+        <div class="questions-container">
+            <p class="title">{format!("{}:",question.title.clone())}</p>
+            <p class="question">{question.content.clone()}</p>
         </div>
         <span class="annotation">
             {format!("[id: {}", &question.id)}