[#1237] responsive ha status div

isc-projects · Dec 20, 2023 · 5df1c25 · 5df1c25
1 parent 7faf834
commit 5df1c25
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/webui/src/app/ha-status/ha-status.component.html b/webui/src/app/ha-status/ha-status.component.html
@@ -1,7 +1,7 @@
 <div>
     <h3>High Availability</h3>
-    <div *ngIf="hasStatus()" style="width: 800px" class="grid">
-        <div class="col-6">
+    <div *ngIf="hasStatus()" class="grid">
+        <div class="col-12 lg:col-6">
             <app-ha-status-panel
                 panelTitle="Local server"
                 serverName="local"
@@ -10,7 +10,7 @@ <h3>High Availability</h3>
                 [singleActiveServer]="!remoteServer()"
             ></app-ha-status-panel>
         </div>
-        <div class="col-6" *ngIf="remoteServer()">
+        <div class="col-12 lg:col-6" *ngIf="remoteServer()">
             <app-ha-status-panel
                 panelTitle="Remote server"
                 serverName="remote"