From 0b1872fa281c4af76fec12e1963fead380b64902 Mon Sep 17 00:00:00 2001
From: Feross Aboukhadijeh <feross@feross.org>
Date: Wed, 11 May 2016 20:49:41 +0200
Subject: [PATCH] UI: Reduce font size, list item height

- Reduce torrent list item from 120px to 110px height
- Vertically center torrent list buttons
- Reduce font sizes (torrent list, modal labels)
---
 main/windows.js                |  2 +-
 renderer/index.css             | 11 +++++------
 renderer/views/torrent-list.js |  4 ++--
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/main/windows.js b/main/windows.js
index 33189df5..6ea2cbd4 100644
--- a/main/windows.js
+++ b/main/windows.js
@@ -80,7 +80,7 @@ function createWebTorrentHiddenWindow () {
 }
 
 var HEADER_HEIGHT = 37
-var TORRENT_HEIGHT = 120
+var TORRENT_HEIGHT = 110
 
 function createMainWindow () {
   if (windows.main) {
diff --git a/renderer/index.css b/renderer/index.css
index d3e30f51..3ef86c73 100644
--- a/renderer/index.css
+++ b/renderer/index.css
@@ -276,7 +276,6 @@ table {
 }
 
 .modal label {
-  font-size: 16px;
   font-weight: bold;
 }
 
@@ -434,7 +433,7 @@ input {
 
 .torrent,
 .torrent-placeholder {
-  height: 120px;
+  height: 110px;
 }
 
 .torrent:not(:last-child) {
@@ -464,7 +463,7 @@ input {
 
 .torrent .buttons {
   position: absolute;
-  top: 25px;
+  top: 34px;
   right: 10px;
   align-items: center;
   display: none;
@@ -547,15 +546,15 @@ input {
 }
 
 .torrent .name {
-  font-size: 1.5em;
+  font-size: 18px;
   font-weight: bold;
   line-height: 1.5em;
 }
 
 .torrent .status,
 .torrent .status2 {
-  font-size: 1em;
-  line-height: 1.5em;
+/*  font-size: 14px;
+  line-height: 1.5em;*/
 }
 
 /*
diff --git a/renderer/views/torrent-list.js b/renderer/views/torrent-list.js
index 401b3494..ed4880af 100644
--- a/renderer/views/torrent-list.js
+++ b/renderer/views/torrent-list.js
@@ -73,7 +73,7 @@ function TorrentList (state) {
       if (downloaded !== total) downloaded += ` / ${total}`
 
       elements.push(hx`
-        <div class='status ellipsis'>
+        <div class='ellipsis'>
           ${getFilesLength()}
           <span>${getPeers()}</span>
           <span>↓ ${prettyBytes(prog.downloadSpeed || 0)}/s</span>
@@ -81,7 +81,7 @@ function TorrentList (state) {
         </div>
       `)
       elements.push(hx`
-        <div class='status2 ellipsis'>
+        <div class='ellipsis'>
           <span class='progress'>${progress}%</span>
           <span>${downloaded}</span>
         </div>