From 926266c7af106345ba28c6b13a8e1c1e9cc11acc Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 18 Apr 2021 11:55:38 +0900
Subject: [PATCH] fix style

---
 src/client/style.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/client/style.scss b/src/client/style.scss
index eadf56bf37..4c101c1dab 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -323,6 +323,11 @@ hr {
 	margin: var(--root-margin, 32px) auto;
 	max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2)));
 
+	// 子marginが突き抜けるのを防ぐため
+	// https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element
+	padding-top: 1px;
+	margin-top: calc(var(--root-margin, 32px) - 1px);
+
 	@media (max-width: 500px) {
 		--root-margin: 10px;
 	}
@@ -344,7 +349,7 @@ hr {
 }
 
 ._flat_ {
-	--root-margin: 0;
+	--root-margin: 0px;
 	--baseContentWidth: 100%;
 	--panelShadow: none;
 
@@ -365,7 +370,7 @@ hr {
 
 	@media (max-width: 500px) {
 		._root {
-			--root-margin: 0;
+			--root-margin: 0px;
 		}
 	}
 }