Commit 52c21a2f authored by sajolida's avatar sajolida
Browse files

Improve vertical alignment of 3 steps

parent 2ca21037
......@@ -9,9 +9,11 @@
<h2>Direct download</h2>
<div class="supported-browser no-js">
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>1</span>Download Tails</h3>
<a href="[[!inline pages="inc/stable_amd64_iso_url" raw="yes" sort="age"]]" id="download-iso" class="use-mirror-pool btn btn-primary indent">Download Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]] ISO image (<span class="remove-extra-space">[[!inline pages="inc/stable_amd64_iso_size" raw="yes" sort="age"]]</span>)</a>
<p class="indent"><a id="already-downloaded">I already downloaded Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]].</a></p>
<div id="step-download-iso">
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>1</span>Download Tails</h3>
<a href="[[!inline pages="inc/stable_amd64_iso_url" raw="yes" sort="age"]]" id="download-iso" class="use-mirror-pool btn btn-primary indent">Download Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]] ISO image (<span class="remove-extra-space">[[!inline pages="inc/stable_amd64_iso_size" raw="yes" sort="age"]]</span>)</a>
<p class="indent"><a id="already-downloaded">I already downloaded Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]].</a></p>
</div>
<div id="step-verify-direct">
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>2</span>Verify your download using your browser</h3>
......@@ -209,8 +211,10 @@
"""]]
</div>
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>1</span>Download Tails (Torrent file)</h3>
<a href="[[!inline pages="inc/stable_amd64_torrent_url" raw="yes" sort="age"]]" id="download-torrent" class="btn btn-primary indent">Download Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]] Torrent file</a>
<div id="step-download-torrent">
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>1</span>Download Tails (Torrent file)</h3>
<a href="[[!inline pages="inc/stable_amd64_torrent_url" raw="yes" sort="age"]]" id="download-torrent" class="btn btn-primary indent">Download Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]] Torrent file</a>
</div>
<div id="step-verify-bittorrent">
<h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>2</span>Verify your download using BitTorrent</h3>
......
......@@ -57,6 +57,14 @@ span.step-number {
margin-left: 35px !important;
}
#step-download-iso, #step-download-torrent, #step-verify-bittorrent {
min-height: 9em;
}
#step-verify-direct {
min-height: 20em;
}
/* FLOATING TOGGLEABLE FOR 'WHY?' CONTEXTUAL HELP */
/* Hide toggleable by default so they don't appear when there is no JavaScript. */
......
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