diff --git a/src/components/gpx-record/GpxRecord.tsx b/src/components/gpx-record/GpxRecord.tsx
index ee86aa6..6ded8a8 100644
--- a/src/components/gpx-record/GpxRecord.tsx
+++ b/src/components/gpx-record/GpxRecord.tsx
@@ -50,7 +50,13 @@ const GpxRecord: Component<{}> = (props) => {
@@ -58,6 +64,8 @@ const GpxRecord: Component<{}> = (props) => {
= (props) => {
{t(`gpx_${state()}`)}
-
-
@@ -84,6 +94,10 @@ const GpxRecord: Component<{}> = (props) => {
color='primary'
variant='contained'
onClick={pauseRecordingHandler}
+ sx={{
+ width: '100%',
+ margin: '10px',
+ }}
>
{t('gpxPauseRecording')}
@@ -91,6 +105,10 @@ const GpxRecord: Component<{}> = (props) => {
color='warning'
variant='contained'
onClick={stopRecordingHandler}
+ sx={{
+ width: '100%',
+ margin: '10px',
+ }}
>
{t('gpxStopRecording')}
@@ -100,6 +118,10 @@ const GpxRecord: Component<{}> = (props) => {
color='primary'
variant='contained'
onClick={resumeRecordingHandler}
+ sx={{
+ width: '100%',
+ margin: '10px',
+ }}
>
{t('gpxResumeRecording')}
@@ -107,11 +129,15 @@ const GpxRecord: Component<{}> = (props) => {
color='warning'
variant='contained'
onClick={stopRecordingHandler}
+ sx={{
+ width: '100%',
+ margin: '10px',
+ }}
>
{t('gpxStopRecording')}
-
+
>
);