Download initital view open to beta

200.jade

@@ -18,6 +18,10 @@ html(ng-app='BTorrent', lang='en')
             h1
                 | βTorrent
                 span.version  v0.12.2
+            div.views 
+                a(ng-href='/#') Full
+                |  | 
+                a(ng-href='/download') Download
         #view(ng-view)
         footer
             a.button(href="https://github.com/DiegoRBaquero/BTorrent/issues", target="_blank")

style.sass

@@ -30,6 +30,9 @@ footer
   color: #ccc
   font-size: 0.3em
   
+.views
+  margin-top: -20px
+  
 .download-button
   margin-left: 10px
   

views/download.jade

@@ -13,13 +13,27 @@
                 i.fa.fa-folder-open
                 |  Open torrent file
     .div(ng-if="selectedTorrent", style="text-align: center")
-        .row(style='overflow: auto')
+        .four.columns(style='overflow: auto')
-            h3 {{$root.selectedTorrent.name}}
+            h4 Information
-            h4 {{$root.selectedTorrent.length | pbytes}}
+            table.u-full-width
-            h4 {{$root.selectedTorrent.progress | progress}}
+                tbody
-            h4 {{$root.selectedTorrent.downloadSpeed | pbytes:1}} {{$root.selectedTorrent.timeRemaining | humanTime}}
+                    tr
-        .row
+                        td Name
-            h5 Files
+                        td {{$root.selectedTorrent.name}}
+                    tr
+                        td Size
+                        td {{$root.selectedTorrent.length | pbytes}}
+                    tr
+                        td Completed
+                        td {{$root.selectedTorrent.progress | progress}} ({{$root.selectedTorrent.downloaded | pbytes}})
+                    tr 
+                        td ↓ Speed
+                        td {{$root.selectedTorrent.downloadSpeed | pbytes:1}}
+                    tr
+                        td ETA
+                        td {{$root.selectedTorrent.timeRemaining | humanTime}}
+        .four.columns
+            h4 Files
             table(style="margin: auto")
                 thead
                     tr
@@ -37,8 +51,9 @@
                                 option(value='1') High Priority
                                 option(value='0' selected='') Low Priority
                                 option(value='-1') Don't download
-        .row
+            h5 ↑ Click a file to download it
-            h5 Share
+        .four.columns
+            h4 Share
             ul(style="text-align: justify")
                 li
                     a(ng-href='#{{$root.selectedTorrent.infoHash}}', target='_blank') βTorrent