From 67e13cb23b0028026d5e3828493c9ff388d20b59 Mon Sep 17 00:00:00 2001
From: Tzahi12345 <tzahi2@hotmail.com>
Date: Sat, 7 Jan 2023 02:04:44 -0500
Subject: [PATCH] Minor style edits in subscribe dialog

---
 .../subscribe-dialog.component.html           | 24 ++++++++++---------
 .../subscribe-dialog.component.scss           |  2 +-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html b/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html
index 1289947..d8432ae 100644
--- a/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html
+++ b/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.html
@@ -25,17 +25,19 @@
                 <mat-checkbox [(ngModel)]="download_all"><ng-container i18n="Download all uploads subscription setting">Download all uploads</ng-container></mat-checkbox>
             </div>
             <div class="col-12" *ngIf="!download_all">
-                <ng-container i18n="Download time range prefix">Download videos uploaded in the last</ng-container>
-                <mat-form-field color="accent" style="width: 50px; text-align: center; margin-left: 10px;">
-                    <input type="number" matInput [(ngModel)]="timerange_amount">
-                </mat-form-field>
-                <mat-form-field class="unit-select">
-                    <mat-select color="accent" [(ngModel)]="timerange_unit">
-                        <mat-option *ngFor="let time_unit of time_units" [value]="time_unit + (timerange_amount === 1 ? '' : 's')">
-                            {{time_unit + (timerange_amount === 1 ? '' : 's')}}
-                        </mat-option>
-                    </mat-select>
-                </mat-form-field>
+                <span i18n="Download time range prefix">Download videos uploaded in the last</span>
+                <div>
+                    <mat-form-field color="accent" style="width: 100px; text-align: center;">
+                        <input type="number" matInput [(ngModel)]="timerange_amount">
+                    </mat-form-field>
+                    <mat-form-field class="unit-select">
+                        <mat-select color="accent" [(ngModel)]="timerange_unit">
+                            <mat-option *ngFor="let time_unit of time_units" [value]="time_unit + (timerange_amount === 1 ? '' : 's')">
+                                {{time_unit + (timerange_amount === 1 ? '' : 's')}}
+                            </mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                </div>
             </div>
             <div class="col-12 mt-2">
                 <mat-form-field>
diff --git a/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.scss b/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.scss
index 93c389e..e7b9f55 100644
--- a/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.scss
+++ b/src/app/dialogs/subscribe-dialog/subscribe-dialog.component.scss
@@ -1,5 +1,5 @@
 .unit-select {
-    width: 75px;
+    width: 100px;
     margin-left: 20px;
 }