From d4e96db63b77c9c01a897c666998d6094deeb2fd Mon Sep 17 00:00:00 2001
From: Phil <otherphil@hotmail.com>
Date: Wed, 11 Dec 2013 13:06:06 +1000
Subject: [PATCH] Added border around spectrogram.

---
 src/app/annotationViewer/_annotation_viewer.scss | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/app/annotationViewer/_annotation_viewer.scss b/src/app/annotationViewer/_annotation_viewer.scss
index 96bd7d5d..327b9e75 100644
--- a/src/app/annotationViewer/_annotation_viewer.scss
+++ b/src/app/annotationViewer/_annotation_viewer.scss
@@ -2,6 +2,7 @@
 
 // color-swatch
 $spectrogramProgressLine: #FF0000;
+$spectrogramBorder: #666666;
 $tagAlignmentLine: #ffa73c;
 
 $marqueeBorderColorSelected: #FFFF00;
@@ -9,20 +10,16 @@ $marqueeBorderColorSelectedGlow: #f7ffef;
 $marqueeBorderColorHover: #00ffe9;
 $marqueeBorderColorInactive: #00FF00;
 
-baw-annotation-viewer {
 
-  
+baw-annotation-viewer {
 
   width: 100%;
   text-align: center;
 
-
-
   & .annotation-viewer-ctrl {
     background: url(/assets/img/load.gif) center center no-repeat;
 
   }
-  
 
   & #scroller {
     display: inline-block;
@@ -54,11 +51,8 @@ baw-annotation-viewer {
         @include vendor-prefix(transform-origin, 0 0);
         @include vendor-prefix(transform, rotate3d(0,0,1,-20deg));
 
-
-
       }
     }
-
   }
 
   & .active {
@@ -89,6 +83,8 @@ baw-annotation-viewer {
           the enforcedImageHeight value model.
         */
       height: 256px;
+      border: 1px solid $spectrogramBorder;
+
     }
 
     // overlay