merged css changes

edgware/static/css/files/browse.css

@@ -2,26 +2,61 @@
 {padding:18px;}
 
 #filterForm p
-{padding-bottom:10px;}
+{padding-bottom:10px;
+padding-right:40px;
+font-size:14px;
+float:left;}
 
+.previewObject a, a:link
+{text-decoration:none;
+font-size:12px;
+color:#555353;}
+
+.previewObject a:visited
+{color:#5a4123;}
+
+.previewObject a:hover
+{text-decoration:underline;}
+
+.previewObject a:active
+{color:#000;}
 
 #prevBtn, #nextBtn
 {font-size:16px;
-float:left;
+cursor:pointer;} 
-cursor:pointer;} /*have not cleared both and used float; is that ok*/
 
 #prevBtn
-{padding-left:16px;}
+{padding-left:16px;
+font-size:14px;
+float:left;
+clear:both;}
 
 #nextBtn
-{padding-left:40px;}
+{padding-left:40px;
+font-size:14px;
+float:left;}
 
 .fileItem
-{padding-bottom:8px;
+{font-size:12px;
+padding-bottom:8px;
 padding-left:18px;
-cursor:pointer;}
+cursor:pointer;
+clear:both;}
+
+
+.fileItem:hover
+{color:#555353;}
+
+.fileIcon
+{margin-right:4px;}
+
+.selectedItem
+{background-color:#f4f3ba;}
+
+.fileCheckbox
+{margin:0px 0 0px 4px;} /*any way to change the bottom margin*/
 
 #previewPane {
   position:absolute;
   left:350px;
-  top:118px;}
+  top:154px;}

edgware/templates/files/browser.html

@@ -19,9 +19,8 @@
       <div id="fileList">
       
       </div>
-      <div id="prevBtn">prev</div>
+      <div id="prevBtn">&lt;&lt;</div>
-      <div id="nextBtn">next</div>
+      <div id="nextBtn">&gt;&gt;</div>      
-      
     </div>
     <div id="previewPane">