Update stories page look

1 files changed, 18 insertions, 14 deletions

diff --git a/src/main.rs b/src/main.rs
index d7df3f6..b1312ad 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -57,20 +57,24 @@ struct Story {
 
 impl Story {
     fn render_as_card(self) -> Markup {
-        html!(card {
-            h2 {
-                span { (self.name) }
-            }
-            p { (self.description) } br
-            span { "Language: " (self.language) }
-            span { "Uploaded on: " (self.upload_date) }
-            @if let Some(update_date) = self.update_date {
-                span { "Updated on: " (update_date) }
-            }
-            br {}
-            a href=(&self.format_pdf_path()) download
-            {
-                "PDF"
+        html!(div class="story-card" {
+            card {
+                h2 { (self.name) }
+                p { (self.description) }
+                hr {}
+                ul {
+                    li { "Language: " (self.language) }
+                    li { "Uploaded on: " (self.upload_date) }
+                    @if let Some(update_date) = self.update_date {
+                        li { "Updated on: " (update_date) }
+                    }
+                    li {
+                        a href=(&self.format_pdf_path()) download
+                        {
+                            "PDF"
+                        }
+                    }
+                }
             }
         })
     }