A small change to layout

Kareadita · Jan 4, 2025 · ca914a7 · ca914a7
1 parent 23beb95
commit ca914a7
Showing 1 changed file with 17 additions and 16 deletions.
diff --git a/UI/Web/src/app/admin/license/license.component.html b/UI/Web/src/app/admin/license/license.component.html
@@ -126,7 +126,7 @@
     <div class="row g-0 mt-3">
       @if (licenseInfo) {
         <h3 class="container-fluid">{{t('info-title')}}</h3>
-        <div class="mb-2">
+        <div class="mb-2 col-md-6 col-sm-12">
           <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('license-active-label')">
             <ng-template #view>
               @if (isChecking) {
@@ -140,7 +140,7 @@ <h3 class="container-fluid">{{t('info-title')}}</h3>
           </app-setting-item>
         </div>
 
-        <div class="mb-2">
+        <div class="mb-2 col-md-6 col-sm-12">
           <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('supported-version-label')">
             <ng-template #view>
               <i class="fas {{licenseInfo.isVersionValid ? 'fa-check-circle' : 'fa-circle-xmark error'}}">
@@ -150,34 +150,35 @@ <h3 class="container-fluid">{{t('info-title')}}</h3>
           </app-setting-item>
         </div>
 
-        <div class="mb-2">
+        <div class="mb-2 col-md-6 col-sm-12">
           <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('expiration-label')">
             <ng-template #view>
               {{licenseInfo.expirationDate | utcToLocalTime | defaultValue}}
             </ng-template>
           </app-setting-item>
         </div>
 
-        <div class="mb-2">
+        <div class="mb-2 col-md-6 col-sm-12">
           <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('total-subbed-months-label')">
             <ng-template #view>
               {{licenseInfo.totalMonthsSubbed | number}}
             </ng-template>
           </app-setting-item>
         </div>
 
-
-        <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('email-label')">
-          <ng-template #view>
-            <span (click)="toggleEmailShow()" class="col-12 clickable">
-              @if (showEmail) {
-                {{licenseInfo.registeredEmail}}
-              } @else {
-                ***************
-              }
-            </span>
-          </ng-template>
-        </app-setting-item>
+        <div class="col-md-6 col-sm-12">
+          <app-setting-item [canEdit]="false" [showEdit]="false" [title]="t('email-label')">
+            <ng-template #view>
+              <span (click)="toggleEmailShow()" class="col-12 clickable">
+                @if (showEmail) {
+                  {{licenseInfo.registeredEmail}}
+                } @else {
+                  ***************
+                }
+              </span>
+            </ng-template>
+          </app-setting-item>
+        </div>
       }