From 63d8fba8b46ae91c9b1f3dcf6886704e3ae2923a Mon Sep 17 00:00:00 2001
From: Terry Lin <terry@fontrip.com>
Date: Thu, 20 Dec 2018 01:25:23 +0800
Subject: [PATCH] Align flowchart and sequence diagram to be center and remove
 background color.

---
 assets/css/githuber-md.css      |  1 +
 assets/scss/githuber-md.scss    |  3 ++-
 src/Modules/FlowChart.php       |  1 +
 src/Modules/SequenceDiagram.php | 14 ++++++++------
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/assets/css/githuber-md.css b/assets/css/githuber-md.css
index 3fdcf504..19cd19e0 100644
--- a/assets/css/githuber-md.css
+++ b/assets/css/githuber-md.css
@@ -9,4 +9,5 @@
 
 .katex-container {
   margin: 25px !important;
+  text-align: center;
 }
diff --git a/assets/scss/githuber-md.scss b/assets/scss/githuber-md.scss
index 962e4131..ff420967 100644
--- a/assets/scss/githuber-md.scss
+++ b/assets/scss/githuber-md.scss
@@ -10,5 +10,6 @@
 }
 
 .katex-container {
-    margin: 25px !important;
+	margin: 25px !important;
+	text-align: center;
 }
diff --git a/src/Modules/FlowChart.php b/src/Modules/FlowChart.php
index 6f200e20..7783eae1 100644
--- a/src/Modules/FlowChart.php
+++ b/src/Modules/FlowChart.php
@@ -102,6 +102,7 @@ public function front_print_footer_scripts() {
 					$(function() {
 						if (typeof $.fn.flowChart !== "undefined") {
 							if ($(".language-flow").length > 0) {
+								$(".language-flow").parent("pre").attr("style", "text-align: center; background: none;");
 								$(".language-flow").addClass("flowchart").removeClass("language-flow");
 								$(".flowchart").flowChart();
 							}
diff --git a/src/Modules/SequenceDiagram.php b/src/Modules/SequenceDiagram.php
index 19010e14..146dc5c7 100644
--- a/src/Modules/SequenceDiagram.php
+++ b/src/Modules/SequenceDiagram.php
@@ -109,15 +109,17 @@ public function front_print_footer_scripts() {
 		$script = '
 			<script id="module-sequence-diagram">
 				(function($) {
-					if (typeof $.fn.sequenceDiagram !== "undefined") {
-						$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
-						$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
-						$(function() {
+					$(function() {
+						if (typeof $.fn.sequenceDiagram !== "undefined") {
+							$(".language-sequence").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-seq").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
+							$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
 							$(".sequence-diagram").sequenceDiagram({
 								theme: "simple"
 							});
-						});
-					}
+						}
+					});
                 })(jQuery);
 			</script>
 		';