From ad358dc528b4f48e2d84e5c7727b7b067c0d4357 Mon Sep 17 00:00:00 2001
From: Breizh <breizh@breizh.pm>
Date: Mon, 10 May 2021 21:23:37 +0200
Subject: [PATCH] Nouveau test CSS

---
 download.audio.html    | 12 ++++++++----
 download.html          | 14 +++++++++-----
 download.image.html    | 12 ++++++++----
 download.markdown.html | 12 ++++++++----
 download.sandbox.html  | 12 ++++++++----
 download.video.html    | 12 ++++++++----
 styles/default.css     | 18 +++++++++++++++++-
 7 files changed, 66 insertions(+), 26 deletions(-)

diff --git a/download.audio.html b/download.audio.html
index a75c580..c886875 100644
--- a/download.audio.html
+++ b/download.audio.html
@@ -11,11 +11,15 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
 
 	<audio controls preload="metadata">
 		<source src="{{.Url}}" type="{{.ContentType}}" />
diff --git a/download.html b/download.html
index 1883033..0a6e5e4 100644
--- a/download.html
+++ b/download.html
@@ -11,12 +11,16 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
-	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
+
 	<p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
 </body>
 </html>
diff --git a/download.image.html b/download.image.html
index 5692074..08ea828 100644
--- a/download.image.html
+++ b/download.image.html
@@ -11,11 +11,15 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
 
 	<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><img src="{{.Url}}" type="{{.ContentType}}" /></a>
 	
diff --git a/download.markdown.html b/download.markdown.html
index 5b6985b..3ec334a 100644
--- a/download.markdown.html
+++ b/download.markdown.html
@@ -11,11 +11,15 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
 	
 	<div class="markdown">
 		{{.Content}}
diff --git a/download.sandbox.html b/download.sandbox.html
index 1883033..608fc4e 100644
--- a/download.sandbox.html
+++ b/download.sandbox.html
@@ -11,11 +11,15 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
 	
 	<p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
 </body>
diff --git a/download.video.html b/download.video.html
index f984331..1c75a31 100644
--- a/download.video.html
+++ b/download.video.html
@@ -11,11 +11,15 @@
 	<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
 
 	<h2><code>{{.Filename}}</code></h2>
-	<p>{{.ContentType}}</p>
-	<p>{{.ContentLength | format "# ###,"}} octets</p>
+	<div class="duo">
+		<p>{{.ContentType}}</p>
+		<p>{{.ContentLength | format "# ###,"}} octets</p>
+	</div>
 	
-	<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
-	<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
+	<div class="duo">
+		<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
+		<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
+	</div>
 
 	<video controls preload="metadata">
 		<source src="{{.Url}}" type="{{.ContentType}}" />
diff --git a/styles/default.css b/styles/default.css
index f2427eb..c7a0bd8 100644
--- a/styles/default.css
+++ b/styles/default.css
@@ -2,7 +2,7 @@
 
 body {
 	margin:40px auto;
-	max-width: 800px;
+	max-width: 60em;
 	background-color:#2d2d2d;
 	color: #D3D0C8;
 	padding:0 10px;
@@ -11,6 +11,22 @@ body {
 	word-wrap: break-word;
 }
 
+.duo {
+	display: flex;
+	flex-wrap: wrap;
+	max-width: 40em;
+	margin: auto;
+}
+
+.duo p, .duo a {
+	flex: 1;
+	padding-left: 15px;
+	padding-right: 15px;
+	white-space: nowrap;
+	min-width: 10em;
+	border: 1px solid #393939;
+}
+
 #links-container {
 	text-align: left;
 	margin: auto;