Fix the name of a bus stop (and related CSS).

The CSS was fixed in order to avoid horizontal overflow for certain ranges of page width.
This commit is contained in:
Daru13 2019-04-28 06:30:33 +02:00
parent 774061ae45
commit 8a296ae718
2 changed files with 5 additions and 8 deletions

View file

@ -484,17 +484,14 @@ section.orange .button:hover {
} }
@media only screen and (max-width: 580px) { @media only screen and (max-width: 580px) {
#public-transport-info {
line-height: 32px;
}
}
@media only screen and (max-width: 480px) {
#mailing-address { #mailing-address {
font-size: 1.1rem; font-size: 1.1rem;
} }
#public-transport-info { #public-transport-info {
grid-template-columns: 4fr 6fr;
line-height: 32px;
font-size: 1.1rem; font-size: 1.1rem;
} }
@ -504,7 +501,7 @@ section.orange .button:hover {
} }
} }
@media only screen and (max-width: 320px) { @media only screen and (max-width: 380px) {
#public-transport-info img { #public-transport-info img {
display: block; display: block;
} }

View file

@ -83,7 +83,7 @@
<div id="transport-bus-1-icon"> <div id="transport-bus-1-icon">
<img src="img/icons/ratp/bus-24.svg" alt="Bus 24"> <img src="img/icons/ratp/bus-24.svg" alt="Bus 24">
</div> </div>
<span id="transport-bus-1-stop">Panthéon</span> <span id="transport-bus-1-stop">École Normale Supérieure</span>
<div id="transport-bus-2-icon"> <div id="transport-bus-2-icon">
<img src="img/icons/ratp/bus-21.svg" alt="Bus 21"> <img src="img/icons/ratp/bus-21.svg" alt="Bus 21">