diff --git a/index.css b/index.css index e7a2953..01e1cb8 100644 --- a/index.css +++ b/index.css @@ -174,7 +174,9 @@ body { } .waggon .number { - + font-size: 75%; + text-align: center; + color: var(--black); } .waggon .outline { @@ -217,12 +219,12 @@ body { #carriages[data-direction="left"] .waggon:first-child::before { content: ""; - width: 100%; + width: 1.8em; height: 1.8em; display: grid; place-items: center; position: absolute; - top: 0; + bottom: 0; right: 100%; margin-right: 0.2em; background-color: var(--blue); @@ -237,14 +239,13 @@ body { } #carriages[data-direction="right"] .waggon:last-child::after { content: ""; - width: 100%; + width: 1.8em; height: 1.8em; display: grid; place-items: center; position: absolute; - top: 0; + bottom: 0; left: 100%; - margin-left: 0.2em; background-color: var(--blue); mask-image: url("./icons/double-chevron-small-right-small.svg"); -webkit-mask-image: url("./icons/double-chevron-small-right-small.svg");