Skip to content

Commit 5d5ee50

Browse files
costa-alexcosta-alex
committed
minor css changes
1 parent 82f934e commit 5d5ee50

6 files changed

Lines changed: 64 additions & 66 deletions

File tree

‎ui/src/app/automation/automation.component.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@
8080

8181
.schedule-detail {
8282
display: grid;
83-
grid-template-columns: 160px 1fr;
83+
grid-template-columns: 200px 1fr;
8484
gap: 16px;
8585
padding: 7px 0;
8686
}

‎ui/src/app/components/copy-calendar-to-calendar/copy-calendar-to-calendar.component.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010

1111
.row {
1212
width: 100%;
13-
margin-bottom: 16px;
1413
}
1514

1615
.action-button-section {

‎ui/src/app/configuration/configuration.component.html‎

Lines changed: 60 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,13 @@
1616
<mat-expansion-panel-header class="config-header app-panel-card-header">
1717
<div class="config-header-content app-panel-card-header-content">
1818
<div class="config-icon app-panel-card-icon">
19-
<mat-icon>monitor_heart</mat-icon>
19+
<mat-icon>directions_bike</mat-icon>
2020
</div>
2121

2222
<div class="config-text app-panel-card-text">
23-
<h2 class="config-title app-panel-card-title">Intervals.icu</h2>
23+
<h2 class="config-title app-panel-card-title">TrainerRoad</h2>
2424
<div class="config-description app-panel-card-description">
25-
Configure your connection and workout conversion settings.
25+
Configure authentication and workout description options.
2626
</div>
2727
</div>
2828
</div>
@@ -32,7 +32,7 @@ <h2 class="config-title app-panel-card-title">Intervals.icu</h2>
3232
<div class="panel-help">
3333
<a
3434
class="help-link"
35-
href="https://github.com/costa-alex/tp2intervals?tab=readme-ov-file#intervalsicu"
35+
href="https://github.com/costa-alex/tp2intervals?tab=readme-ov-file#trainerroad"
3636
target="_blank"
3737
rel="noopener noreferrer">
3838
<mat-icon>help_outline</mat-icon>
@@ -41,48 +41,34 @@ <h2 class="config-title app-panel-card-title">Intervals.icu</h2>
4141
</div>
4242

4343
<mat-form-field class="full-width">
44-
<mat-label>Intervals API Key</mat-label>
45-
<input matInput type="password" placeholder="123456qwerty123456qwerty1" formControlName="intervals.api-key">
46-
</mat-form-field>
47-
48-
<mat-form-field class="full-width">
49-
<mat-label>Intervals Athlete Id</mat-label>
50-
<input matInput placeholder="i00000" formControlName="intervals.athlete-id">
44+
<mat-label>TrainerRoad Auth Cookie</mat-label>
45+
<input type="password" matInput placeholder="TrainerRoadAuth=very_long_string" formControlName="trainer-road.auth-cookie">
46+
@if (formGroup.controls['trainer-road.auth-cookie'].errors?.['pattern']) {
47+
<mat-error>Must be in format SharedTrainerRoadAuth=...</mat-error>
48+
}
5149
</mat-form-field>
5250

53-
<mat-accordion class="advanced-accordion">
54-
<mat-expansion-panel class="advanced-panel">
55-
<mat-expansion-panel-header>
56-
<mat-panel-title class="advanced-title">
57-
<mat-icon>tune</mat-icon>
58-
<span>Advanced properties</span>
59-
</mat-panel-title>
60-
</mat-expansion-panel-header>
61-
62-
<mat-form-field class="full-width">
63-
<mat-label>Intervals Power range percentage</mat-label>
64-
<input matInput type="number" placeholder="5.0" formControlName="intervals.power-range">
65-
</mat-form-field>
66-
67-
<mat-form-field class="full-width">
68-
<mat-label>Intervals HR range percentage</mat-label>
69-
<input matInput type="number" placeholder="5.0" formControlName="intervals.hr-range">
70-
</mat-form-field>
71-
72-
<mat-form-field class="full-width">
73-
<mat-label>Intervals Pace range percentage</mat-label>
74-
<input matInput type="number" placeholder="5.0" formControlName="intervals.pace-range">
75-
</mat-form-field>
76-
</mat-expansion-panel>
77-
</mat-accordion>
51+
<div class="checkbox-line">
52+
<mat-checkbox formControlName="trainer-road.remove-html-tags">
53+
Remove HTML tags from description
54+
</mat-checkbox>
55+
<span
56+
class="beta-indicator"
57+
matTooltip="Beta feature"
58+
matTooltipPosition="right"
59+
aria-label="Beta feature"
60+
tabindex="0">
61+
<mat-icon>auto_awesome</mat-icon>
62+
</span>
63+
</div>
7864
</div>
7965
</mat-expansion-panel>
8066

8167
<mat-expansion-panel class="config-panel app-panel-card" [expanded]="false">
8268
<mat-expansion-panel-header class="config-header app-panel-card-header">
8369
<div class="config-header-content app-panel-card-header-content">
8470
<div class="config-icon app-panel-card-icon">
85-
<mat-icon>show_chart</mat-icon>
71+
<mat-icon>timeline</mat-icon>
8672
</div>
8773

8874
<div class="config-text app-panel-card-text">
@@ -120,13 +106,13 @@ <h2 class="config-title app-panel-card-title">TrainingPeaks</h2>
120106
<mat-expansion-panel-header class="config-header app-panel-card-header">
121107
<div class="config-header-content app-panel-card-header-content">
122108
<div class="config-icon app-panel-card-icon">
123-
<mat-icon>directions_bike</mat-icon>
109+
<mat-icon>monitor_heart</mat-icon>
124110
</div>
125111

126112
<div class="config-text app-panel-card-text">
127-
<h2 class="config-title app-panel-card-title">TrainerRoad</h2>
113+
<h2 class="config-title app-panel-card-title">Intervals.icu</h2>
128114
<div class="config-description app-panel-card-description">
129-
Configure authentication and workout description options.
115+
Configure your connection and workout conversion settings.
130116
</div>
131117
</div>
132118
</div>
@@ -136,7 +122,7 @@ <h2 class="config-title app-panel-card-title">TrainerRoad</h2>
136122
<div class="panel-help">
137123
<a
138124
class="help-link"
139-
href="https://github.com/costa-alex/tp2intervals?tab=readme-ov-file#trainerroad"
125+
href="https://github.com/costa-alex/tp2intervals?tab=readme-ov-file#intervalsicu"
140126
target="_blank"
141127
rel="noopener noreferrer">
142128
<mat-icon>help_outline</mat-icon>
@@ -145,26 +131,40 @@ <h2 class="config-title app-panel-card-title">TrainerRoad</h2>
145131
</div>
146132

147133
<mat-form-field class="full-width">
148-
<mat-label>TrainerRoad Auth Cookie</mat-label>
149-
<input type="password" matInput placeholder="TrainerRoadAuth=very_long_string" formControlName="trainer-road.auth-cookie">
150-
@if (formGroup.controls['trainer-road.auth-cookie'].errors?.['pattern']) {
151-
<mat-error>Must be in format SharedTrainerRoadAuth=...</mat-error>
152-
}
134+
<mat-label>Intervals API Key</mat-label>
135+
<input matInput type="password" placeholder="123456qwerty123456qwerty1" formControlName="intervals.api-key">
153136
</mat-form-field>
154137

155-
<div class="checkbox-line">
156-
<mat-checkbox formControlName="trainer-road.remove-html-tags">
157-
Remove HTML tags from description
158-
</mat-checkbox>
159-
<span
160-
class="beta-indicator"
161-
matTooltip="Beta feature"
162-
matTooltipPosition="right"
163-
aria-label="Beta feature"
164-
tabindex="0">
165-
<mat-icon>auto_awesome</mat-icon>
166-
</span>
167-
</div>
138+
<mat-form-field class="full-width">
139+
<mat-label>Intervals Athlete Id</mat-label>
140+
<input matInput placeholder="i00000" formControlName="intervals.athlete-id">
141+
</mat-form-field>
142+
143+
<mat-accordion class="advanced-accordion">
144+
<mat-expansion-panel class="advanced-panel">
145+
<mat-expansion-panel-header>
146+
<mat-panel-title class="advanced-title">
147+
<mat-icon>tune</mat-icon>
148+
<span>Advanced properties</span>
149+
</mat-panel-title>
150+
</mat-expansion-panel-header>
151+
152+
<mat-form-field class="full-width">
153+
<mat-label>Intervals Power range percentage</mat-label>
154+
<input matInput type="number" placeholder="5.0" formControlName="intervals.power-range">
155+
</mat-form-field>
156+
157+
<mat-form-field class="full-width">
158+
<mat-label>Intervals HR range percentage</mat-label>
159+
<input matInput type="number" placeholder="5.0" formControlName="intervals.hr-range">
160+
</mat-form-field>
161+
162+
<mat-form-field class="full-width">
163+
<mat-label>Intervals Pace range percentage</mat-label>
164+
<input matInput type="number" placeholder="5.0" formControlName="intervals.pace-range">
165+
</mat-form-field>
166+
</mat-expansion-panel>
167+
</mat-accordion>
168168
</div>
169169
</mat-expansion-panel>
170170

@@ -227,7 +227,7 @@ <h2 class="config-title app-panel-card-title">General</h2>
227227
type="submit"
228228
[disabled]="formGroup.invalid || inProgress">
229229
<mat-icon>save</mat-icon>
230-
<span>Confirm</span>
230+
<span>Save</span>
231231
</button>
232232
</div>
233233

‎ui/src/app/configuration/configuration.component.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181

8282
.theme-field {
8383
width: 100%;
84-
max-width: 320px;
84+
max-width: 350px;
8585
}
8686

8787
.log-location {
@@ -121,7 +121,7 @@
121121
.form-actions {
122122
display: flex;
123123
justify-content: flex-end;
124-
padding-top: 4px;
124+
padding-top: 10px;
125125
}
126126

127127
.form-actions button {

‎ui/src/app/home/home.component.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@
1919
}
2020

2121
.home-intro p {
22-
max-width: 760px;
2322
margin: 0;
2423
font-size: 1rem;
2524
line-height: 1.6;

‎ui/src/app/home/home.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ export class HomeComponent implements OnInit {
6868
{
6969
key: Platform.INTERVALS.key,
7070
title: Platform.INTERVALS.title,
71-
icon: 'insights'
71+
icon: 'monitor_heart'
7272
}
7373
];
7474

0 commit comments

Comments
 (0)