UI changes

2 files changed, 9 insertions, 2 deletions

diff --git a/stapp/static/video/css/style.css b/stapp/static/video/css/style.css
index ec92398..c4aecbf 100644
--- a/stapp/static/video/css/style.css
+++ b/stapp/static/video/css/style.css
@@ -2,6 +2,7 @@ body{
     padding-top:40px;
 }
 
+
 .container-fluid{
     padding-left:0;
     padding-right:0;
@@ -9,6 +10,8 @@ body{
 
 .top-row{
     background-color:#3c8fc9;
+    background:-moz-linear-gradient(top,#3c8fc9,#ffffff);
+    background:-webkit-linear-gradient(top,#3c8fc9,#ffffff);
 }
 
 .main-video{
@@ -25,3 +28,7 @@ body{
     width: 250px;
     height:150px;
 }
+
+#videodescription{
+    font-size:14px;
+}
diff --git a/stapp/templates/video/home.html b/stapp/templates/video/home.html
index 90af79c..54f3b26 100644
--- a/stapp/templates/video/home.html
+++ b/stapp/templates/video/home.html
@@ -21,14 +21,14 @@ function myfunction(video,image)
 {% block onload %}  {% endblock onload %}
 
 {% block video %}   
-    <video width="100%"  controls="controls" id="mainvideo" poster="{{play.image.url}}"          preload="none" src="{{play.filename.url}}">
+    <video style="border:2px solid black;" width="100%"  controls="controls" id="mainvideo" poster="{{play.image.url}}"          preload="none" src="{{play.filename.url}}">
     </video>
 
 {% endblock%}
 
 {% block video_description %}
     <h1 id="videoname">{{ play.name }}</h1>
-    <p id="videodescription">{{ play.description|safe }}</p>
+    <div id="videodescription">{{ play.description|safe }}</div>
  {% endblock %}
 
 {% block module_list %}