From 53214b12eac57b3fbbb6a4a1325971df90b3f221 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Wed, 12 Dec 2018 20:02:13 +0200
Subject: [PATCH] add just one line around the random topics title

---
 src/components/VideoItem.js      |  2 +-
 src/components/VideoPlayer.js    |  1 -
 src/stylesheets/random-item.scss | 22 +---------------------
 3 files changed, 2 insertions(+), 23 deletions(-)

diff --git a/src/components/VideoItem.js b/src/components/VideoItem.js
index 03e8641..c009605 100644
--- a/src/components/VideoItem.js
+++ b/src/components/VideoItem.js
@@ -12,7 +12,7 @@ class VideoItem extends React.Component {
           <section className="video-thumbnail-container">
             <img className="video-thumbnail" src={ getThumbnail(this.props.id) } alt=""/>
           </section>
-          <h3 classNamew="video-title">{ this.props.title }</h3>
+          <h3 className="video-title">{ this.props.title }</h3>
         </section>
       </Link>
     )
diff --git a/src/components/VideoPlayer.js b/src/components/VideoPlayer.js
index d382473..3b83b2a 100644
--- a/src/components/VideoPlayer.js
+++ b/src/components/VideoPlayer.js
@@ -4,7 +4,6 @@ import {getVideo} from '../utils/video';
 import { Player } from 'video-react';
 class VideoPlayer extends React.Component {
   render() {
-
     return (
       <section>
         <Player  src={getVideo(this.props.id)} controls>
diff --git a/src/stylesheets/random-item.scss b/src/stylesheets/random-item.scss
index 5d22570..75cc2c2 100644
--- a/src/stylesheets/random-item.scss
+++ b/src/stylesheets/random-item.scss
@@ -25,7 +25,7 @@
   position: absolute;
   height: 5px;
   border-bottom: 1px solid black;
-  border-top: 1px solid black;
+  //border-top: 1px solid black;
   top: 0;
   width: 300px;
 }
@@ -38,24 +38,4 @@
   margin-left: 15px;
 }
 /* view all elements */
-.view-all-parents {
-  color: white;
-  background: black;
-  padding: 1em;
-  position: relative;
-  top: 1em;
-}
 
-.view-all-parents,
-.view-all-items {
-  text-decoration: none;
-}
-
-.view-all-items {
-  color: black;
-  text-decoration: none;
-  padding: 1em;
-  border: 1px solid black;
-  position: relative;
-  top: 1em;
-}