From 6424c85b989e53d2acbcd35b929d53afc8127f9d Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Thu, 9 Dec 2021 11:36:26 +0530
Subject: [PATCH] fix code snippet styling

---
 templates/gist_insert.html |  6 ++++--
 templates/main.css         | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/templates/gist_insert.html b/templates/gist_insert.html
index 858f730..c2b29c5 100644
--- a/templates/gist_insert.html
+++ b/templates/gist_insert.html
@@ -1,8 +1,10 @@
 <. let gist_id = data.get_gist_id(src); .>
 <. let  (_, gist)= gists.as_ref().unwrap().iter().find(|(id, _)| id == gist_id).as_ref().unwrap(); .>
+<div class="gist_container">
 <. for file in &gist.files {.>
-  <code> <.= file.get_html_content() .> </code>
+  <code class="code-block"> <.= file.get_html_content() .> </code>
 <.}.>
-<a href="<.= &gist.html_url .>" target="_blank"
+<a class="gist_link" href="<.= &gist.html_url .>" target="_blank"
   >See gist on GitHub</a
 >
+</div>
diff --git a/templates/main.css b/templates/main.css
index d5c8112..4885427 100644
--- a/templates/main.css
+++ b/templates/main.css
@@ -63,9 +63,15 @@ code {
   font-family: monospace;
   font-size: 15px;
   white-space: pre-wrap;
-  display: block;
   font-weight: 600;
   line-height: 1rem;
+  padding: 5px;
+  border-radius: 6px;
+  background-color: rgba(175, 184, 193, 0.2);
+}
+
+.code-block {
+  display: block;
 }
 
 iframe {
@@ -118,3 +124,12 @@ iframe {
 .meta {
   display: inline-flex;
 }
+
+.gist_contianer {
+  border-radius: 6px;
+  border: 1px solid rgb(211, 211, 211);
+}
+
+.gist_link {
+  margin-left: 5px;
+}