Merge pull request #115 from dsummersl/issue-82

Sets height of schools list fit within window size (issue #82).
:+1: Thanks @dsummersl

frontend/app/directives/SearchDirectives.js

@@ -1,6 +1,10 @@
 angular.module('SchoolsApp.searchDirectives', [])
     .directive('search', ['$q', 'Schools', '$location', 'Geodecoder', function($q, Schools, $location, Geodecoder) {
         var linker = function(scope, element, attrs) {
+            scope.maxHeight = function () {
+                return $(window).height() - 150 + 'px';
+            };
+
             // do all map rendering and interactions here
             scope.selectSchool = function (school) {
                 angular.forEach(scope.all_schools, function(obj) {

frontend/app/templates/search.html

@@ -12,7 +12,7 @@
           <li data-ng-class="{active: eligibility == 'assigned'}"><a data-ng-click="filterSchools('assigned')">Assigned</a></li>
           <li data-ng-class="{active: eligibility == 'option'}"><a data-ng-click="filterSchools('option')">Options</a></li>
         </ul>
-        <div id="my-schools" data-ng-mouseleave="clear_highlight();">
+        <div id="my-schools" data-ng-mouseleave="clear_highlight();" style="max-height: {{maxHeight()}}">
             <div data-ng-repeat="level in levels" class="school-group {{ level }}">
                 <h3 class="{{ level }}">{{ level }}</h3>
                 <div data-ng-repeat="school in schools | filter:{'level': level}" class="school-group-item" data-ng-mouseenter="highlight_school(school.id);" data-ng-mouseleave="clear_highlight();" ng-class="{'last':$last, detail: school.selected == true}" >

frontend/css/index.css

@@ -63,8 +63,6 @@ body {
 
 #my-schools {
     background: white;
-    /*padding: 20px;*/
-    max-height: 700px;
     overflow-y: auto;
 }