From 5b3a3f60c43b4d413e04b5e13f2951adf01f250a Mon Sep 17 00:00:00 2001
From: Michael Gordeev <mikhailagord@gmail.com>
Date: Tue, 17 Apr 2018 22:32:51 +0300
Subject: [PATCH] Final video card UI

---
 FoxTube/Channel.xaml       |  2 +-
 FoxTube/ChannelVideos.xaml |  3 ++-
 FoxTube/VideoCard.xaml     | 12 +++++-------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/FoxTube/Channel.xaml b/FoxTube/Channel.xaml
index ad9abf5..4372898 100644
--- a/FoxTube/Channel.xaml
+++ b/FoxTube/Channel.xaml
@@ -21,7 +21,7 @@
                 <HyperlinkButton Content="About channel" Foreground="White" FontStyle="Normal" Margin="10,8,10,10"/>
                 <TextBox Name="searchField" ToolTipService.ToolTip="Search on channel" Margin="4" Width="350" Height="47" Padding="10,10,10,0" PlaceholderText="Search on channel" BorderThickness="0" Background="#7FFFFFFF" AcceptsReturn="True"/>
                 <Button Name="searchButton" HorizontalAlignment="Right"
-                        Width="39" Height="39" Margin="0"
+                        Width="39" Height="39" Margin="0" Padding="1"
                         RelativePanel.AlignRightWithPanel="True" 
                         Background="Transparent"
                         FontFamily="Segoe MDL2 Assets" Content="&#xE11A;" FontSize="20" FocusVisualSecondaryBrush="#66FFFFFF" FocusVisualPrimaryBrush="White" Foreground="White"/>
diff --git a/FoxTube/ChannelVideos.xaml b/FoxTube/ChannelVideos.xaml
index 5a553e0..ed5d222 100644
--- a/FoxTube/ChannelVideos.xaml
+++ b/FoxTube/ChannelVideos.xaml
@@ -24,7 +24,8 @@
             <PersonPicture Grid.Column="0" HorizontalAlignment="Left" Margin="10,-40,0,0" ProfilePicture="Assets/LogoAvatar.png"/>
             <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0">
                 <TextBlock FontWeight="SemiBold" FontSize="22" Text="Channel name"/>
-                <TextBlock Foreground="Gray" Text="1 000 000 subscribers"/>
+                <TextBlock Foreground="Gray" Text="1,000,000 subscribers"/>
+                <TextBlock Foreground="Gray" Text="563,000 videos"/>
             </StackPanel>
             <ToggleButton Grid.Column="2" Height="50" Width="250" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/>
             <ToggleButton Grid.Column="3" Height="50" Width="50" FontFamily="Segoe MDL2 Assets" FontSize="18" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/>
diff --git a/FoxTube/VideoCard.xaml b/FoxTube/VideoCard.xaml
index 7fc622a..64fcab8 100644
--- a/FoxTube/VideoCard.xaml
+++ b/FoxTube/VideoCard.xaml
@@ -14,8 +14,11 @@
             <RowDefinition Height="*"/>
             <RowDefinition Height="75"/>
         </Grid.RowDefinitions>
-        <StackPanel Background="Red" Padding="0,-35,0,0">
+        <StackPanel Grid.Row="0" Background="Red" Padding="0,-35,0,0">
             <Image Source="https://i.ytimg.com/vi/f8iOcZ43YT0/hqdefault.jpg"/>
+            <StackPanel Margin="0,-100,2,0" Background="WhiteSmoke" HorizontalAlignment="Right" Padding="5,0,3,0" Height="20">
+                <TextBlock Text="1:00:00" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
+            </StackPanel>
         </StackPanel>
         <Grid Grid.Row="1">
             <Grid.RowDefinitions>
@@ -32,16 +35,11 @@
                 <PersonPicture Grid.Column="0" Height="46" Margin="10,-30,10,0" BorderBrush="White" BorderThickness="10" ProfilePicture="https://yt3.ggpht.com/-UOhOJaAitUc/AAAAAAAAAAI/AAAAAAAAAAA/z3WPfWpVuZw/s88-c-k-no-mo-rj-c0xffffff/photo.jpg"/>
 
                 <TextBlock Grid.Column="1" Text="IGP" Foreground="Gray" Margin="0,2,0,0" FontSize="12"/>
-                <TextBlock Grid.Column="2" Text="1:00:00 | 59 minute ago" HorizontalAlignment="Right" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
+                <TextBlock Grid.Column="2" Text="1M views | 59 minute ago" HorizontalAlignment="Right" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
             </Grid>
             <StackPanel Grid.Row="1">
                 <TextBlock Text="Subnautica - SAY GOODBYE TO SUBNAUTICA! We're Back Home! - Subnautica Ending (Full Release Gameplay)" TextWrapping="WrapWholeWords" Margin="5" FontSize="14"/>
             </StackPanel>
-            <!--<StackPanel Width="75" Padding="0" Grid.Row="0">
-            </StackPanel>
-            <StackPanel Orientation="Vertical">
-                <TextBlock Text="This is veeery looong name of video lalala! It's not a " TextWrapping="WrapWholeWords"/>
-            </StackPanel>-->
         </Grid>
     </Grid>
 </UserControl>