Fixed scoresheets.

service/src/main/resources/assets/scoresheet.html

 <div ng-controller="ScoreboardController" class="scores">
 
     <div id="scores">
-        <div ng-repeat="(team, score) in teamsScores" id="col-{{team}}" data-score="{{score}}"
+        <div ng-repeat="team in teamsScores" id="col-{{team.name}}" data-score="{{team.score}}"
              style="left:0; width:0; background-color:#336699;" class="column">
-            <div>{{team}} - {{score}}</div>
+            <div style="position:absolute">{{team.name}} - {{team.score}}</div>
         </div>
     </div>
 

service/src/main/resources/assets/statics/js/controllers/scoreboardController.js

@@ -4,6 +4,7 @@
 
         var calculatePerTeam = function(data) {
             var teams = {};
+            var teamsSortable = [];
             console.log("data", data);
             for (var team in data) {
                 if (data.hasOwnProperty(team)) {
@@ -13,9 +14,12 @@
                             teams[team] += data[team][level];
                         }
                     }
+                    teamsSortable.push({name:team, score:teams[team]});
                 }
+
             }
-            return teams;
+            teamsSortable.sort(function(a,b){return a.score < b.score;});
+            return teamsSortable;
         };
 
         function viewGraph(maxValue){
@@ -35,7 +39,7 @@
             // console.log('Data from server', data);
             $scope.teamsScores = calculatePerTeam(data);
             // console.log('Teams scores', $scope.teamsScores);
-            var maxValue = Math.max.apply(null, $.map($scope.teamsScores, function(v,k){return v;}));
+            var maxValue = Math.max.apply(null, $scope.teamsScores.map(function(v){return v.score;}));
             viewGraph(maxValue);
         });