From 7626e9503280e6694674149825c1d5e4c1d75eaf Mon Sep 17 00:00:00 2001
From: EvilMuffinHa <hkailadka88@gmail.com>
Date: Thu, 23 Jun 2022 20:45:13 -0400
Subject: [PATCH] fix to position for tikz - center the inside of the div

---
 content/showcase.md  |  2 +-
 templates/index.html | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/content/showcase.md b/content/showcase.md
index 71f494e..69cfad8 100644
--- a/content/showcase.md
+++ b/content/showcase.md
@@ -79,4 +79,4 @@ Images:
 
 Tikz:   
 
-{{ tikz(style="width: 20%; height: 20%;" position="center" body="\begin{tikzpicture}\draw (0,0) circle (1in);\end{tikzpicture}") }}
+{{ tikz(position="right" body="\begin{tikzpicture}\draw (0,0) circle (1in);\end{tikzpicture}") }}
diff --git a/templates/index.html b/templates/index.html
index 2474dd2..5f1454c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -261,15 +261,27 @@
             }
 
             .post_contents .tikz-left {
+                width: 0;
+                display: flex;
+                justify-content: left;
+                align-items: left;
                 margin-right: auto;
             }
 
             .post_contents .tikz-center {
+                width: 0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
                 margin-left: auto;
                 margin-right: auto;
             }
 
             .post_contents .tikz-right {
+                width: 0;
+                display: flex;
+                justify-content: right;
+                align-items: right;
                 margin-left: auto;
             }