3 files changed, 24 insertions, 11 deletions
diff --git a/stapp/static/video/css/style.css b/stapp/static/video/css/style.css
index 4aa6c6e..594835d 100644
--- a/stapp/static/video/css/style.css
+++ b/stapp/static/video/css/style.css
@@ -1,8 +1,11 @@
 body{
-    background : #D9D9D9;
+    background : url("../img/background_texture.jpg") repeat fixed 50% 0 transparent;
     padding-top:40px;
 }
 
+.title{
+    border-bottom : 1px solid #E1E2E1;
+}
 
 .top-row{
     background:none repeat scroll 0 0 #8E8E8E;
@@ -15,13 +18,23 @@ body{
     height : 100%;
 }
 
+.module-row{
+    border-bottom: 1px solid #E1E1E2;
+    margin-bottom: 20px;
+    padding-bottom: 10px;
+}
+
+.module-description{
+    margin-bottom : 10px;
+}
 .module-list{
-    position:relative; 
-    float:left; 
-    margin-right:30px; 
-    margin-bottom:30px;
+    border-right: 1px solid #E1E1E2;
+    float: left;
+    height: 150px;
+    margin-left: 20px;
+    padding: 10px;
+    position: relative;
     width: 250px;
-    height:150px;
 }
 
 video{
diff --git a/stapp/static/video/img/background_texture.jpg b/stapp/static/video/img/background_texture.jpg
new file mode 100644
index 0000000..17d57ec
--- /dev/null
+++ b/stapp/static/video/img/background_texture.jpg
diff --git a/stapp/templates/video/home.html b/stapp/templates/video/home.html
index d1da82d..c3ae717 100644
--- a/stapp/templates/video/home.html
+++ b/stapp/templates/video/home.html
@@ -29,11 +29,11 @@ function changeDetail(video,image,idname,iddesc)
  {% endblock %}
 
 {% block module_list %}
-    <div class="row-fluid">
+    <div class="row-fluid module-row">
     <h1>Latest Modules</h1>
     {% for module in latest_modules %}
-        <div class="module-list"><h3>{{module.name}}</h3>
-        <h5>{{module.description|safe}}</h5>
+        <div class="module-list"><h3 class="title">{{module.name}}</h3>
+        <h5 class="module-description">{{module.description|safe}}</h5>
         {% for video in module.video_list.all %}
         <textarea style="display:none;" id=vdesclatest{{forloop.parentloop.counter}}{{forloop.counter}} >{{video.description}}
         </textarea>
@@ -46,11 +46,11 @@ function changeDetail(video,image,idname,iddesc)
     {% endfor %}
     </div>
     
-    <div class="row-fluid">
+    <div class="row-fluid module-row">
     <h1>All Modules</h1>
     {% for module in all_modules %}
         <div class="module-list"><h3>{{module.name}}</h3>
-        <h5>{{module.description|safe}}</h5>
+        <h5 class="module-description">{{module.description|safe}}</h5>
         {% for video in module.video_list.all %}
         <textarea style="display:none;" id=vdesc{{forloop.parentloop.counter}}{{forloop.counter}}>{{video.description}}
         </textarea>