From 1c4859b42dd074027462ada429db917f21623ff4 Mon Sep 17 00:00:00 2001
From: Gabriel Pugliese <gabrielhpugliese@gmail.com>
Date: Wed, 21 Jan 2015 21:05:00 -0200
Subject: [PATCH] Fix UI of video duration

---
 client/views/channels/channel.less  | 8 +++-----
 client/views/channels/channels.html | 5 +----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/client/views/channels/channel.less b/client/views/channels/channel.less
index 7aad14d..315de55 100644
--- a/client/views/channels/channel.less
+++ b/client/views/channels/channel.less
@@ -16,15 +16,13 @@
     min-width: 100%;
   }
   .duration {
-    padding: 3px;
+    padding: 4px;
     position: absolute;
     right: 7px;
     bottom: 7px;
-    background-color: #5C4F4F;
-    color: #C0C0C0;
+    background-color: #666;
+    color: #FFF;
     font-size: 16px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
 
     @media (min-width: 768px) {
       bottom: 120px;
diff --git a/client/views/channels/channels.html b/client/views/channels/channels.html
index cf52643..20dc8f9 100644
--- a/client/views/channels/channels.html
+++ b/client/views/channels/channels.html
@@ -42,10 +42,7 @@ <h1 class="oswald text-muted">Browse <em class="text-color">videos</em></h1>
         {{/if}}
         {{#if duration}}
         <div class="duration">
-          {{#if duration.hours}}
-            {{duration.hours}}:
-          {{/if}}
-          {{duration.minutes}}:{{duration.seconds}}
+          {{#if $gt duration.hours 0}}{{duration.hours}}:{{/if}}{{duration.minutes}}:{{duration.seconds}}
         </div>
         {{/if}}
       </div>