Adapt bar history for portrait screens

This commit is contained in:
Henri Bergius 2017-11-30 18:52:12 +01:00
parent ff224113cb
commit c50af908e3

View file

@ -9,12 +9,12 @@
<link rel="stylesheet" href="../theme/c-base.css"> <link rel="stylesheet" href="../theme/c-base.css">
<style> <style>
h1 { h1 {
font-size: 8vh; font-size: 8vmin;
width: 80vw; width: 100vw;
text-align: center; text-align: center;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
line-height: 10vh; line-height: 10vmin;
} }
main { main {
display: flex; display: flex;
@ -23,7 +23,7 @@
flex-direction: column; flex-direction: column;
} }
p { p {
font-size: 6vh; font-size: 6vmin;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
margin-top: -10vh; margin-top: -10vh;
@ -35,6 +35,11 @@
width: 72vh; width: 72vh;
margin-left: 80px; margin-left: 80px;
} }
@media (orientation: portrait) {
p {
width: 95vw;
}
}
</style> </style>
</head> </head>
<body> <body>