improve css

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)
 

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;
 }
 

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)}