From 6b85b10e2f0bc7fd1e7d5d626b6461267c9b9154 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Wed, 1 May 2019 02:37:35 +0200
Subject: [PATCH] style(download): Enlarge preview on big screens

---
 src/assets/css/5-screens/download.css |  2 ++
 src/assets/css/7-rwd/_rwd-small.css   | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/assets/css/5-screens/download.css b/src/assets/css/5-screens/download.css
index 97a90d0..2962bf8 100644
--- a/src/assets/css/5-screens/download.css
+++ b/src/assets/css/5-screens/download.css
@@ -19,6 +19,7 @@
 }
 
 .download-preview__visual {
+  max-width: 100%;
   width: 16.2rem;
   border-radius: 42rem;
 }
@@ -30,6 +31,7 @@
   width: 7.1rem;
   height: 7.9rem;
 }
+
 /* Button
 -------------------------------------------------------------- */
 
diff --git a/src/assets/css/7-rwd/_rwd-small.css b/src/assets/css/7-rwd/_rwd-small.css
index 0c15f4f..6f921d0 100644
--- a/src/assets/css/7-rwd/_rwd-small.css
+++ b/src/assets/css/7-rwd/_rwd-small.css
@@ -59,4 +59,16 @@
   .encoding-notif {
     margin-top: 7rem;
   }
+
+  /* Download
+  -------------------------------------------------------------- */
+
+  .download-preview__visual {
+    width: 25rem;
+  }
+
+  .download-preview__flower {
+    right: 0;
+    transform: rotate(15deg);
+  }
 }