Row backgrounds, removed refresh now button

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/regattaoverview/client/RegattaOverviewPanel.java

@@ -152,6 +152,8 @@ public class RegattaOverviewPanel extends SimplePanel {
             }
         });
         this.serverUpdateTimer.play();
+        startStopUpdatingButton.addStyleName(style.refreshButton_live());
+
         this.uiUpdateTimer.addTimeListener(new TimeListener() {
             @Override
             public void timeChanged(Date newTime, Date oldTime) {
@@ -182,7 +184,7 @@ public class RegattaOverviewPanel extends SimplePanel {
         if (leaderboardCheckBox != null) {
             flexTable.add(leaderboardCheckBox);
         }
-        flexTable.add(refreshNowButton);
+        // flexTable.add(refreshNowButton);
         flexTable.add(startStopUpdatingButton);
         flexTable.add(settingsButton);
 

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/regattaoverview/client/RegattaRaceStatesComponent.java

@@ -538,7 +538,9 @@ public class RegattaRaceStatesComponent extends SimplePanel implements Component
             }
         };
 
+
         table.addColumn(circleColumn, "");
+
         table.addColumn(courseAreaColumn, stringMessages.courseArea());
         table.addColumn(regattaNameColumn, stringMessages.regatta());
         table.addColumn(seriesNameColumn, stringMessages.series());

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/regattaoverview/client/RegattaRaceStatesTable.css

@@ -1,65 +1,73 @@
 .cellTableWidget {
 	border-spacing: 0px;
 }
+.cellTableWidget a {
+	color: black;
+}
+
 
 /** v-align images in the table header
  * grey background for table header
  */
 .cellTableHeader {
 	position: relative;
-    vertical-align: middle;
+	vertical-align: middle;
 	background-color: #f2f2f2;
 	background-color: #fff;
-	padding: 5px 12px;
+	padding: 20px 5px;
 	text-align: left;
 	border-bottom: 1px solid black;
 	text-shadow: none;
 	font-size: 16px;
 }
 
+.cellTableHeader:FOCUS {
+	outline: none;
+}
+
 .cellTableFirstColumnHeader {
+	
 }
 
 .cellTableLastColumnHeader {
 	
 }
 
-.cellTableHeader > span > img:first-child {
+.cellTableHeader>span>img:first-child {
 	position: relative;
-    vertical-align: middle;
+	vertical-align: middle;
 }
 
 .cellTableEvenRow {
-	background-color: rgba(255,255,255,0.5);
+	background-color: #fafafa;
 }
 
 .cellTableEvenRowCell {
 	border: none;
 	border-bottom: 1px solid #dedede;
-	padding: 15px 20px 5px;
-	white-space: nowrap;
+	padding: 20px 5px;
+	
 }
 
 .cellTableOddRow {
-	background-color: rgba(242,242,242,0.5);
+	background-color: #fdfdfd;
 }
 
 .cellTableOddRowCell {
-		border: none;
-	
+	border: none;
 	border-bottom: 1px solid #dedede;
-	padding: 15px 20px 5px ;
-	white-space: nowrap;
+	padding: 20px 5px;
+
 }
 
 .cellTableHoveredRow {
-	background-color: rgba(229,242,249,0.5);
+	background-color: rgba(229, 242, 249, 0.5);
 	border-bottom: 1px solid #e5e5e5;
 }
 
 .cellTableSelectedRow {
 	color: #000000;
-	background-color: rgba(229,242,249,0.5);
+	background-color: rgba(229, 242, 249, 0.5);
 }
 
 .cellTableSelectedRowCell {