Fix buttons on very small screens

parent 9f924f15
......@@ -225,6 +225,13 @@ body {
}
}
@media (max-width: 600px) {
main > div:first-child > a > .text {
display: none;
}
}
@media (min-width: 992px) {
main {
min-height: 100vh;
......@@ -259,12 +266,6 @@ main a {
font-weight: bold;
}
a#save-image {
padding-left: 2em;
padding-right: 2em;
margin-top: 2em;
}
main > #credits {
margin-top: 50px;
}
......@@ -280,6 +281,10 @@ div#step4 > div:nth-of-type(1) {
margin-left: 10%;
width: 80%;
}
a#save-image {
margin-top: 2em;
}
}
div#step4 > div:nth-of-type(1) {
......
......@@ -218,8 +218,8 @@
<div>
<canvas id="output" width="600" height="413"></canvas>
<a class="randomize white-button"><span class="fa fa-random"></span></a>
<a id="tweet-button" class="blue-button" target="_blank" href="https://twitter.com/intent/tweet?text=Soutenez La Quadrature du Net !">Tweet <span class="fa fa-twitter"></span></a>
<a id="save-image" class="white-button" download="lqdn-slogan.png">Enregistrer <span class="fa fa-save"></span></a>
<a id="tweet-button" class="blue-button" target="_blank" href="https://twitter.com/intent/tweet?text=Soutenez La Quadrature du Net !"><span class="text">Tweet </span><span class="fa fa-twitter"></span></a>
<a id="save-image" class="white-button" download="lqdn-slogan.png"><span class="text">Enregistrer </span><span class="fa fa-save"></span></a>
</div>
<div id="credits">
<p><strong>Site hébergé par La Quadrature du Net</strong></p>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment