From 935c6d210c6cf0c958939af18721ef876ea81e44 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Tue, 11 Dec 2018 13:30:28 +0200
Subject: [PATCH] style the video item, title decoration, colors

---
 src/components/RandomDate.js    |  4 ++--
 src/components/RandomTopic.js   |  2 +-
 src/stylesheets/video-item.scss | 15 ++++++++++-----
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/RandomDate.js b/src/components/RandomDate.js
index e458ce8..dc0ad7b 100644
--- a/src/components/RandomDate.js
+++ b/src/components/RandomDate.js
@@ -10,8 +10,8 @@ class RandomDate extends React.Component {
       <section>
         <SectionHeading title="Random Date"/>
         <Grid
-          width={450}
-          gap={24}>
+          width={220}
+          gap={12}>
           <VideoItem/>
           <VideoItem/>
           <VideoItem/>
diff --git a/src/components/RandomTopic.js b/src/components/RandomTopic.js
index 382bdac..8a6a5b8 100644
--- a/src/components/RandomTopic.js
+++ b/src/components/RandomTopic.js
@@ -16,7 +16,7 @@ class RandomTopic extends React.Component {
         this.props.topicName + ' (' +this.props.topicCount + ')'}/>
           <Grid className="random-topics"
           width={220}
-          gap={16}>
+          gap={12}>
           {this.props.videos.map(video =>
             <VideoItem id={video.id} key={video.id} title={video.title }/>
           )}
diff --git a/src/stylesheets/video-item.scss b/src/stylesheets/video-item.scss
index f5b84f1..c5c6856 100644
--- a/src/stylesheets/video-item.scss
+++ b/src/stylesheets/video-item.scss
@@ -5,14 +5,16 @@
 /* Video item*/
 .video-item {
   background: #f6f6f6;
-  min-height: 400px;
+  min-height: 440px;
   padding: 1em;
 }
 
-a {
-  text-decoration: none;
-  font-size: 14px;
-  color: black;
+.random-topics {
+  a{
+    text-decoration: none;
+    font-size: 14px;
+    color: black;
+  }
 }
 
 .video-thumbnail {
@@ -28,3 +30,6 @@ a {
   overflow: hidden;
 }
 
+.video-title{
+  padding-top: 1em;
+}
\ No newline at end of file