add just one line around the random topics title

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>
     )

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>

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;
-}