Backups: let the runs table scroll on narrow screens

The table could not shrink below its content width and ran off the page,
cutting off the last columns; wrap it in an overflow-x container.

src/components/Backups.vue

@@ -30,7 +30,8 @@
 			</div>
 		</template>
 
-		<table v-if="status.runs.length" class="ngb-table">
+		<div v-if="status.runs.length" class="ngb-table-wrap">
+			<table class="ngb-table">
 				<thead>
 					<tr>
 						<th>{{ t('ng_backup', 'Started') }}</th>
@@ -54,6 +55,7 @@
 					</tr>
 				</tbody>
 			</table>
+		</div>
 	</NcSettingsSection>
 </template>
 
@@ -126,6 +128,7 @@ async function saveSchedule() {
 <style scoped>
 .ngb-row { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 12px; }
 .ngb-time { max-width: 260px; }
+.ngb-table-wrap { overflow-x: auto; }
 .ngb-table { width: 100%; border-collapse: collapse; }
 .ngb-table th, .ngb-table td { text-align: start; padding: 4px 8px; border-bottom: 1px solid var(--color-border); }
 .ngb-failed { color: var(--color-error-text); }