frontend: align center "no backups" text and padding on container

shonsirsha · shonsirsha · commit d3a8bf19dd60 · 2024-04-30T07:08:21.000+02:00
diff --git a/frontends/web/src/routes/device/bitbox02/backups.tsx b/frontends/web/src/routes/device/bitbox02/backups.tsx
@@ -128,7 +128,7 @@ export const BackupsV2 = ({
                 }
               </div>
             ) : (
-              <p>{t('backup.noBackups')}</p>
+              <p className="text-center">{t('backup.noBackups')}</p>
             )
           }
         </div>
diff --git a/frontends/web/src/routes/device/components/backups.module.css b/frontends/web/src/routes/device/components/backups.module.css
@@ -9,6 +9,7 @@
     flex-direction: column;
     text-align: left;
     flex: 1;
+    padding: var(--space-eight);
 }
 
 .listContainer {

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ export const BackupsV2 = ({`
`128`	`128`	`}`
`129`	`129`	`</div>`
`130`	`130`	`) : (`
`131`		`- <p>{t('backup.noBackups')}</p>`
	`131`	`+ <p className="text-center">{t('backup.noBackups')}</p>`
`132`	`132`	`)`
`133`	`133`	`}`
`134`	`134`	`</div>`