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

Improve vertical alignment of 3 steps

parent 2ca21037
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<h2>Direct download</h2> <h2>Direct download</h2>
<div class="supported-browser no-js"> <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> <div id="step-download-iso">
<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> <h3><span class="step-number"><span class="debian windows linux mac-usb mac-dvd upgrade-tails">1.</span>1</span>Download Tails</h3>
<p class="indent"><a id="already-downloaded">I already downloaded Tails [[!inline pages="inc/stable_amd64_version" raw="yes" sort="age"]].</a></p> <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"> <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> <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 @@ ...@@ -209,8 +211,10 @@
"""]] """]]
</div> </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> <div id="step-download-torrent">
<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> <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"> <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> <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 { ...@@ -57,6 +57,14 @@ span.step-number {
margin-left: 35px !important; 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 */ /* FLOATING TOGGLEABLE FOR 'WHY?' CONTEXTUAL HELP */
/* Hide toggleable by default so they don't appear when there is no JavaScript. */ /* Hide toggleable by default so they don't appear when there is no JavaScript. */
......
Supports Markdown
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