From 7faf834499c2e6d9e479ebd0ad435b256efe1ee0 Mon Sep 17 00:00:00 2001
From: Piotrek Zadroga <piotrek@isc.org>
Date: Thu, 14 Dec 2023 21:21:42 +0100
Subject: [PATCH] [#1237] responsive data storage div

---
 webui/src/app/kea-app-tab/kea-app-tab.component.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/webui/src/app/kea-app-tab/kea-app-tab.component.html b/webui/src/app/kea-app-tab/kea-app-tab.component.html
index 1d6b51842..11b963cc0 100644
--- a/webui/src/app/kea-app-tab/kea-app-tab.component.html
+++ b/webui/src/app/kea-app-tab/kea-app-tab.component.html
@@ -263,7 +263,7 @@ <h3>Overview</h3>
                                 <h3>Data Storage</h3>
                                 <div class="grid">
                                     <ng-container *ngIf="daemon.files">
-                                        <div class="col-6">
+                                        <div class="col-12 lg:col-6">
                                             <p-fieldset id="data-storage-files-fieldset" legend="Files">
                                                 <table style="width: 100%">
                                                     <tr *ngFor="let file of daemon.files">
@@ -275,9 +275,8 @@ <h3>Data Storage</h3>
                                                 </table>
                                             </p-fieldset>
                                         </div>
-                                        <div class="col-6"></div>
                                     </ng-container>
-                                    <div *ngIf="daemon.backends" class="col-6">
+                                    <div *ngIf="daemon.backends" class="col-12 lg:col-6">
                                         <p-fieldset id="data-storage-backends-fieldset" legend="Database Backends">
                                             <div *ngFor="let backend of daemon.backends">
                                                 <i style="color: grey" class="fa fa-database"></i>