diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.html b/packages/bridge-ui/src/app/components/race-details/race-details.component.html
index 751c34e..d4a87b4 100644
--- a/packages/bridge-ui/src/app/components/race-details/race-details.component.html
+++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.html
@@ -1,4 +1,45 @@
@if( race != undefined ) {
+
+
+
{{race.mapName}}
+
+ @if(openToUploads) {
+
Entries Close on: {{currentTime}}
+
+
+
Days
+
Hours
+
Minutes
+
Seconds
+
+
+
+ }
+ @else {
+
Closed for new entries
+ }
+
+
+
Author: {{formatMilliseconds(race.authorTime)}} Gold: {{formatMilliseconds(race.goldTime)}} Silver: {{formatMilliseconds(race.silverTime)}} Bronze: {{formatMilliseconds(race.bronzeTime)}}
+
+
+
+
diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.scss b/packages/bridge-ui/src/app/components/race-details/race-details.component.scss
index 9cb5318..ea2ce2c 100644
--- a/packages/bridge-ui/src/app/components/race-details/race-details.component.scss
+++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.scss
@@ -1,9 +1,25 @@
+.column {
+ float: left;
+}
+
+.column.side {
+ width: 20%
+}
+
+.column.middle {
+ width: 80%;
+}
+
.img-thumbnail {
- width: 200px;
+
//float: right;
box-shadow: 2px 6px 9px 2px rgb(0 0 0 / 20%);
}
+.img-width {
+ width: 200px;
+}
+
.race-details {
display: flex;
justify-content: space-between;
diff --git a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
index 93a16c4..1b51e4c 100644
--- a/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
+++ b/packages/bridge-ui/src/app/components/race-details/race-details.component.ts
@@ -5,6 +5,7 @@ import { MatButtonModule } from '@angular/material/button';
import { MatGridListModule } from '@angular/material/grid-list';
import { MatIconModule } from '@angular/material/icon';
import { MatTableModule } from '@angular/material/table';
+import { MatDividerModule } from '@angular/material/divider';
import { RacesService } from '../../services/races.service';
import { RaceResultService } from '../../services/race-result.service';
@@ -21,7 +22,8 @@ import { ServerSideEventsService } from '../../services/server-side-events.servi
MatGridListModule,
MatIconModule,
MatTableModule,
- MatButtonModule
+ MatButtonModule,
+ MatDividerModule
],
templateUrl: './race-details.component.html',
styleUrl: './race-details.component.scss'