small modification

recommender/static/css/recommender.css

@@ -27,7 +27,7 @@
   padding-left: 0.5em;
   background-color: #f5efef;
   height: 40px;
-  color: darkgray;
+  color: #948f8f;
 }
 
 .recommender_row { 
@@ -79,10 +79,18 @@
 }
 
 .descriptionImg {
-  height: 400px;
+  /*height: 400px;
   overflow-x: scroll;
   margin-top: 2em;
-  float: left;
+  float: left;*/
+  height: 600px;
+  width: 700px;
+  margin-top: 2em;
+}
+
+.previewingImg {
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .recommender_vote_arrow_down {
@@ -184,12 +192,12 @@
 
 .recommender_modify_title { float: right; padding-right: 2em; overflow: auto; }
 
-.nonevoting { color: #bdbdb4; }
+.nonevoting { color: #948f8f; }
 .hide-show-icon { margin-left: 0.5em; }
 
 .recommender_vote_score.upvoting, .recommender_vote_arrow_up.upvoting { color: rgb(69, 194, 10); }
 .recommender_vote_score.downvoting, .recommender_vote_arrow_down.downvoting { color: red; }
-.recommender_vote_arrow_up.downvoting, .recommender_vote_arrow_down.upvoting { color: #bdb4b4; }
+.recommender_vote_arrow_up.downvoting, .recommender_vote_arrow_down.upvoting { color: #948f8f; }
 
 
 .downArrowIcon:before { content: '▼'; }

recommender/static/html/recommender.html

@@ -55,7 +55,7 @@
             it. If it has issues (illegal material, incorrect, etc.),
             please flag it and let us know the reason. </div>
 
-            <img class="previewingImg hidden" src="" style="height: 100%" />
+            <img class="previewingImg hidden" src=""/>
           </div>
         </div>
       </div>

recommender/static/js/src/cats.js

+var tooltipsCats = [
+	'.resource_add_button',
+    '.resource_edit_button',
+    '.recommender_vote_arrow_up',
+    '.recommender_vote_arrow_down',
+    '.recommender_vote_score',
+    '.recommender_blurb',
+    '.previewingImg',
+    '.in_title',
+    '.in_url',
+    '.edit_title',
+    '.edit_url',
+    '.backToViewButton',
+    '.flag_reason',
+    '.flagResource',
+    '.flagResource.problematic',
+    '.recommender_row_top',
+    '.recommender_row_top.resource_list_expanded'
+];
+
+var tooltipsCatsText = {
+	'.resource_add_button': 'Recommend a new helpful resource for this problem with a short description, hyperlink, and previewing screenshot to the new resource',
+    '.resource_edit_button': 'Edit the description, hypelink, and previewing screenshot of this resource',
+    '.recommender_vote_arrow_up': 'Upvote for a helpful resource',
+    '.recommender_vote_arrow_down': 'Downvote for an irrelevant resource',
+    '.recommender_vote_score': 'Votes',
+    '.recommender_blurb': 'The description of a helpful resource',
+    '.previewingImg': 'Previewing screenshot',
+    '.in_title': 'Type in the description of the resource',
+    '.in_url': 'Type in the hyperlink to the resource',
+    '.edit_title': 'Type in the description of the resource',
+    '.edit_url': 'Type in the hyperlink to the resource',
+    '.backToViewButton': 'Back to list of related resources',
+    '.flag_reason': 'Type in the reason why you flag the resource',
+    '.flagResource': 'Flag this resource as problematic and give the reason',
+    '.flagResource.problematic': 'Unflag this problematic resource or edit the reason for it',
+    '.recommender_row_top': 'Select for expanding resource list',
+    '.recommender_row_top.resource_list_expanded': 'Select to hide the list'
+};
\ No newline at end of file