improve css

src/error.rs

@@ -6,11 +6,11 @@ use thiserror::Error;
 // fronma is too lazy to implement std::error::Error for their own types
 #[derive(Debug)]
 #[repr(transparent)]
-pub struct FronmaBalls(fronma::error::Error);
+pub struct FronmaError(fronma::error::Error);
 
-impl std::error::Error for FronmaBalls {}
+impl std::error::Error for FronmaError {}
 
-impl Display for FronmaBalls {
+impl Display for FronmaError {
     fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
         f.write_str("failed to parse front matter: ")?;
         match &self.0 {
@@ -29,14 +29,14 @@ pub enum PostError {
     #[error(transparent)]
     AskamaError(#[from] askama::Error),
     #[error(transparent)]
-    ParseError(#[from] FronmaBalls),
+    ParseError(#[from] FronmaError),
     #[error("post {0:?} not found")]
     NotFound(String),
 }
 
 impl From<fronma::error::Error> for PostError {
     fn from(value: fronma::error::Error) -> Self {
-        Self::ParseError(FronmaBalls(value))
+        Self::ParseError(FronmaError(value))
     }
 }
 

static/post.css

@@ -1,5 +1,7 @@
 .anchor {
 	text-decoration: none;
+	font-size: x-large;
+	vertical-align: middle;
 }
 .anchor::before {
 	content: "§";
@@ -9,8 +11,10 @@
 }
 
 code {
-	font-size: larger;
-	padding: 0.15em 0.4em;
+	padding: 0.15em 0.3em;
+	overflow-wrap: break-word;
+	word-break: break-all;
+	white-space: pre-wrap;
 
 	background-color: var(--surface0);
 	color: var(--subtext1);
@@ -21,8 +25,6 @@ pre > code {
 	border: 2px solid var(--surface0);
 	padding: 1.25em 1.5em;
 	display: block;
-	overflow-wrap: break-word;
-	white-space: pre-wrap;
 
 	background-color: var(--base);
 	color: var(--text);
@@ -31,3 +33,24 @@ pre > code {
 img {
 	max-width: 100%;
 }
+
+table,
+td,
+th {
+	border: 1px solid var(--text);
+	border-collapse: collapse;
+	padding: 0.5em;
+}
+
+th {
+	font-weight: bold;
+}
+
+td {
+	word-break: break-word;
+}
+
+th,
+td:nth-child(1) {
+	word-break: keep-all;
+}

static/style.css

@@ -27,11 +27,14 @@
 	}
 }
 
-:root {
+:root,
+code {
 	/* please have one at least one good monospace font */
-	font-family: "Hack Nerd Font", "Hack", "JetBrains Mono",
+	font-family: "Hack", "Hack Nerd Font", "JetBrains Mono",
 		"JetBrainsMono Nerd Font", "Ubuntu Mono", monospace, sans-serif;
+}
 
+:root {
 	background-color: var(--base);
 	color: var(--text);
 }