From a3bc03eeeee5f7f3b38735db7e1ae4796e0b547d Mon Sep 17 00:00:00 2001 From: Luke Chu <37006668+lukechu10@users.noreply.github.com> Date: Thu, 7 Oct 2021 21:00:35 -0700 Subject: [PATCH] Fix styling on Google Chrome The styling on chrome is a bit broken because it does not support `display: ruby`. Also according to https://stackoverflow.com/questions/42897783/what-is-displayruby, it seems like `display: ruby` is being misused in this case. --- website/website/src/templates/index.rs | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/website/website/src/templates/index.rs b/website/website/src/templates/index.rs index 8e9d87b38a..8821a0c9ba 100644 --- a/website/website/src/templates/index.rs +++ b/website/website/src/templates/index.rs @@ -27,13 +27,12 @@ pub fn index_page() -> SycamoreTemplate { ) { (t!("index-get-started")) } a( // The difference in y-axis padding is deliberate, it looks better with the ring - class = "py-2 px-4 m-2 font-semibold rounded-lg shadow-2xl dark:text-white ring-4 ring-indigo-500 hover:ring-indigo-400 transition-colors duration-200", - href = "https://github.com/arctic-hen7/perseus", - // I genuinely have no clue why this works, but it does - style = "display: ruby;" + class = "inline-flex items-center py-2 px-4 m-2 font-semibold rounded-lg shadow-2xl dark:text-white ring-4 ring-indigo-500 hover:ring-indigo-400 transition-colors duration-200", + href = "https://github.com/arctic-hen7/perseus" ) { span( - dangerously_set_inner_html = GITHUB_SVG + class = "m-1", + dangerously_set_inner_html = GITHUB_SVG ) span { (format!(" {}", t!("index-github"))) } }