diff --git a/index.html b/index.html
index fc8c5d1..48bba2b 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,6 @@
-
Interactive Thinking People System
-
+
- Heijunka
diff --git a/style.css b/style.css
index 22a2c91..57d0648 100644
--- a/style.css
+++ b/style.css
@@ -26,6 +26,18 @@ main {
margin: 0 1rem;
}
+ul {
+ padding-left: 0;
+ margin: 0;
+}
+
+li {
+ list-style: none;
+ background-color: var(--background-color);
+ text-align: center;
+ padding: 0.5rem 1rem;
+}
+
.customer-satisfaction {
display: flex;
flex-direction: column;
@@ -54,7 +66,19 @@ main {
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0;
- margin: 0;
+}
+
+.people-improvement {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+}
+
+.people-improvement svg {
+ min-width: 20vw;
+ max-width: 50vw;
+ width: 100%;
}
.pilars {
@@ -72,39 +96,27 @@ main {
text-align: center;
}
-.people-improvement {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
-}
-
-.people-improvement svg {
- min-width: 20vw;
- max-width: 50vw;
- width: 100%;
-}
-
.just-in-time,
.jidoka {
display: flex;
flex: 2;
flex-direction: column;
align-items: center;
+ margin: 0.5rem 0;
+ gap: 1rem;
}
.pilars ul {
- padding-left: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
-li {
- list-style: none;
- background-color: var(--background-color);
- text-align: center;
- padding: 0.5rem 1rem;
+.ground {
+ display: flex;
+ flex-direction: column;
+ margin: 0.5rem 0;
+ gap: 1rem;
}
.improvement ul,