From ec2ff2bb47014f7668ab540221a2eacfcb10690c Mon Sep 17 00:00:00 2001
From: Feross Aboukhadijeh <feross@feross.org>
Date: Tue, 8 Mar 2016 12:01:05 -0800
Subject: [PATCH] responsively change torrent/drop-target height

better large-screen experience
---
 renderer/index.css | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/renderer/index.css b/renderer/index.css
index b7092339..ff9e3134 100644
--- a/renderer/index.css
+++ b/renderer/index.css
@@ -246,14 +246,15 @@ a:not(.disabled):hover, i:not(.disabled):hover {
 }
 
 .drop-target {
-  padding: 20px;
   margin: 10px;
-  text-align: center;
   border: 5px #444 dashed;
   border-radius: 5px;
   color: #666;
   font-size: 16px;
   flex: 1 1 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 body.drag .drop-target {
@@ -262,7 +263,6 @@ body.drag .drop-target {
 }
 
 .torrent {
-  height: 120px;
   background: linear-gradient(to bottom right, #4B79A1, #283E51);
   background-repeat: no-repeat;
   background-size: cover;
@@ -272,6 +272,22 @@ body.drag .drop-target {
   animation: fadein .4s;
 }
 
+.torrent, .drop-target {
+  height: 120px;
+}
+
+@media only screen and (min-width: 600px) {
+  .torrent, .drop-target {
+    height: 150px;
+  }
+}
+
+@media only screen and (min-width: 900px) {
+  .torrent, .drop-target {
+    height: 180px;
+  }
+}
+
 .torrent:not(:last-child) {
   border-bottom: 1px solid rgb(20, 20, 20);
 }