@@ -54,7 +54,7 @@ class FRC22BlueScorecard extends React.Component<IProps> {
5454 const details = this . getDetails ( ) ;
5555 const disabled = this . props . matchState === MatchState . MATCH_IN_PROGRESS || match === null || typeof match . matchDetails === "undefined" ;
5656 return (
57- < Card fluid = { true } className = "scorecard blue-bg" >
57+ < Card className = "scorecard blue-bg" >
5858 < Card . Content className = "center-items card-header" > < Card . Header > Blue Alliance Scorecard</ Card . Header > </ Card . Content >
5959 < Card . Content >
6060 < FRC20TeamStatus alliance = { "Blue" } />
@@ -63,13 +63,13 @@ class FRC22BlueScorecard extends React.Component<IProps> {
6363 < Form >
6464 < Grid className = "details" >
6565 < Grid . Row columns = "equal" textAlign = "center" >
66- < Grid . Column > < Form . Checkbox disabled = { disabled } fluid = { true } label = "Auto Robot 1 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot1 ) } onChange = { this . modifyRobotOneTaxi } /> </ Grid . Column >
67- < Grid . Column > < Form . Checkbox disabled = { disabled } fluid = { true } label = "Auto Robot 2 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot2 ) } onChange = { this . modifyRobotTwoTaxi } /> </ Grid . Column >
68- < Grid . Column > < Form . Checkbox disabled = { disabled } fluid = { true } label = "Auto Robot 3 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot3 ) } onChange = { this . modifyRobotThreeTaxi } /> </ Grid . Column >
66+ < Grid . Column > < Form . Checkbox disabled = { disabled } label = "Auto Robot 1 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot1 ) } onChange = { this . modifyRobotOneTaxi } /> </ Grid . Column >
67+ < Grid . Column > < Form . Checkbox disabled = { disabled } label = "Auto Robot 2 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot2 ) } onChange = { this . modifyRobotTwoTaxi } /> </ Grid . Column >
68+ < Grid . Column > < Form . Checkbox disabled = { disabled } label = "Auto Robot 3 Taxied" checked = { this . boolCheck ( details . blueAutoTaxiRobot3 ) } onChange = { this . modifyRobotThreeTaxi } /> </ Grid . Column >
6969 </ Grid . Row >
7070 < Grid . Row columns = "equal" textAlign = "center" >
71- < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } fluid = { true } label = "Auto Low Cargo" value = { details . blueAutoCargoLow } onChange = { this . modifyAutoLowCargo } /> </ Grid . Column >
72- < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } fluid = { true } label = "Auto High Cargo" value = { details . blueAutoCargoHigh } onChange = { this . modifyAutoHighCargo } /> </ Grid . Column >
71+ < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } label = "Auto Low Cargo" value = { details . blueAutoCargoLow } onChange = { this . modifyAutoLowCargo } /> </ Grid . Column >
72+ < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } label = "Auto High Cargo" value = { details . blueAutoCargoHigh } onChange = { this . modifyAutoHighCargo } /> </ Grid . Column >
7373 </ Grid . Row >
7474 </ Grid >
7575 </ Form >
@@ -78,8 +78,8 @@ class FRC22BlueScorecard extends React.Component<IProps> {
7878 < Form >
7979 < Grid className = "details" >
8080 < Grid . Row columns = "equal" textAlign = "center" >
81- < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } fluid = { true } label = "Tele Low Cargo" value = { details . blueTeleCargoLow } onChange = { this . modifyTeleLowCargo } /> </ Grid . Column >
82- < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } fluid = { true } label = "Tele High Cargo" value = { details . blueTeleCargoHigh } onChange = { this . modifyTeleHighCargo } /> </ Grid . Column >
81+ < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } label = "Tele Low Cargo" value = { details . blueTeleCargoLow } onChange = { this . modifyTeleLowCargo } /> </ Grid . Column >
82+ < Grid . Column className = "align-bottom" > < Form . Input disabled = { disabled } label = "Tele High Cargo" value = { details . blueTeleCargoHigh } onChange = { this . modifyTeleHighCargo } /> </ Grid . Column >
8383 </ Grid . Row >
8484 </ Grid >
8585 </ Form >
@@ -88,8 +88,8 @@ class FRC22BlueScorecard extends React.Component<IProps> {
8888 < Form >
8989 < Grid className = "details" >
9090 < Grid . Row columns = "equal" textAlign = "center" >
91- < Grid . Column > < Form . Checkbox disabled = { disabled } fluid = { true } label = "Hangar Bonus?" checked = { this . boolCheck ( details . blueHangarBonus ) } onChange = { this . modifyHangarBonus } /> </ Grid . Column >
92- < Grid . Column > < Form . Checkbox disabled = { disabled } fluid = { true } label = "Cargo Bonus?" checked = { this . boolCheck ( details . blueCargoBonus ) } onChange = { this . modifyCargoBonus } /> </ Grid . Column >
91+ < Grid . Column > < Form . Checkbox disabled = { disabled } label = "Hangar Bonus?" checked = { this . boolCheck ( details . blueHangarBonus ) } onChange = { this . modifyHangarBonus } /> </ Grid . Column >
92+ < Grid . Column > < Form . Checkbox disabled = { disabled } label = "Cargo Bonus?" checked = { this . boolCheck ( details . blueCargoBonus ) } onChange = { this . modifyCargoBonus } /> </ Grid . Column >
9393 </ Grid . Row >
9494 </ Grid >
9595 </ Form >
@@ -98,9 +98,9 @@ class FRC22BlueScorecard extends React.Component<IProps> {
9898 < Form >
9999 < Grid className = "details" >
100100 < Grid . Row columns = "equal" textAlign = "center" >
101- < Grid . Column > < Form . Dropdown disabled = { disabled } fluid = { true } label = "Robot 1 Endgame" value = { details . blueHangerRobot1 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotOneEndgame } /> </ Grid . Column >
102- < Grid . Column > < Form . Dropdown disabled = { disabled } fluid = { true } label = "Robot 2 Endgame" value = { details . blueHangerRobot2 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotTwoEndgame } /> </ Grid . Column >
103- < Grid . Column > < Form . Dropdown disabled = { disabled } fluid = { true } label = "Robot 3 Endgame" value = { details . blueHangerRobot3 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotThreeEndgame } /> </ Grid . Column >
101+ < Grid . Column > < Form . Dropdown disabled = { disabled } label = "Robot 1 Endgame" value = { details . blueHangerRobot1 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotOneEndgame } /> </ Grid . Column >
102+ < Grid . Column > < Form . Dropdown disabled = { disabled } label = "Robot 2 Endgame" value = { details . blueHangerRobot2 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotTwoEndgame } /> </ Grid . Column >
103+ < Grid . Column > < Form . Dropdown disabled = { disabled } label = "Robot 3 Endgame" value = { details . blueHangerRobot3 } options = { DropdownData . RapidReactEndItems } onChange = { this . modifyRobotThreeEndgame } /> </ Grid . Column >
104104 </ Grid . Row >
105105 </ Grid >
106106 </ Form >
@@ -109,8 +109,8 @@ class FRC22BlueScorecard extends React.Component<IProps> {
109109 < Form >
110110 < Grid className = "details" >
111111 < Grid . Row columns = "equal" textAlign = "center" >
112- < Grid . Column > < Form . Input disabled = { disabled } fluid = { true } label = "Fouls (4pt)" value = { match . blueMinPen } onChange = { this . modifyMinorPenalties } /> </ Grid . Column >
113- < Grid . Column > < Form . Input disabled = { disabled } fluid = { true } label = "Tech Fouls (8pt)" value = { match . blueMajPen } onChange = { this . modifyMajorPenalties } /> </ Grid . Column >
112+ < Grid . Column > < Form . Input disabled = { disabled } label = "Fouls (4pt)" value = { match . blueMinPen } onChange = { this . modifyMinorPenalties } /> </ Grid . Column >
113+ < Grid . Column > < Form . Input disabled = { disabled } label = "Tech Fouls (8pt)" value = { match . blueMajPen } onChange = { this . modifyMajorPenalties } /> </ Grid . Column >
114114 </ Grid . Row >
115115 < Grid . Row >
116116 < Grid . Column > Score: { match . blueScore } </ Grid . Column >
0 commit comments