From be31efd60a0209db4a75931fbf17ab355e3dbb7b Mon Sep 17 00:00:00 2001
From: Jacek Chmielewski <jacek@defguard.net>
Date: Fri, 27 Feb 2026 08:17:38 +0100
Subject: [PATCH 1/2] add location type, fwmark, mtu columns to locations table

---
 .../components/LocationsTable.tsx             | 45 ++++++++++++++++++-
 web/src/pages/LocationsPage/style.scss        |  2 +-
 2 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/LocationsPage/components/LocationsTable.tsx b/web/src/pages/LocationsPage/components/LocationsTable.tsx
index 33bf1650fe..9ab95b6d40 100644
--- a/web/src/pages/LocationsPage/components/LocationsTable.tsx
+++ b/web/src/pages/LocationsPage/components/LocationsTable.tsx
@@ -82,7 +82,7 @@ export const LocationsTable = () => {
   const columns = useMemo(
     () => [
       columnHelper.accessor('name', {
-        header: 'Location name',
+        header: 'Name',
         meta: {
           flex: true,
         },
@@ -118,7 +118,7 @@ export const LocationsTable = () => {
         header: 'Firewall',
         size: 76,
         cell: (info) => (
-          <TableCell className="cell-acl-enabled">
+          <TableCell className="cell-with-check-icons">
             {info.getValue() ? (
               <Icon icon="check-filled" staticColor={ThemeVariable.FgSuccess} />
             ) : (
@@ -158,6 +158,47 @@ export const LocationsTable = () => {
           }
         },
       }),
+      columnHelper.accessor('service_location_mode', {
+        header: 'Service location',
+        cell: (info) => {
+          switch (info.getValue()) {
+            case 'disabled':
+              return (
+                <TableCell className="cell-with-check-icons">
+                  <Icon icon="disabled" />
+                </TableCell>
+              );
+            case 'prelogon':
+              return (
+                <TableCell>
+                  <span>Pre-logon</span>
+                </TableCell>
+              );
+            case 'alwayson':
+              return (
+                <TableCell>
+                  <span>Always</span>
+                </TableCell>
+              );
+          }
+        },
+      }),
+      columnHelper.accessor('fwmark', {
+        header: 'FWMark',
+        cell: (info) => (
+          <TableCell>
+            <span>0x{info.getValue().toString(16)}</span>
+          </TableCell>
+        ),
+      }),
+      columnHelper.accessor('mtu', {
+        header: 'MTU',
+        cell: (info) => (
+          <TableCell>
+            <span>{info.getValue()}</span>
+          </TableCell>
+        ),
+      }),
       columnHelper.accessor('allowed_groups', {
         header: 'Allowed groups',
         size: 500,
diff --git a/web/src/pages/LocationsPage/style.scss b/web/src/pages/LocationsPage/style.scss
index f2ac8b0a49..59e79f2710 100644
--- a/web/src/pages/LocationsPage/style.scss
+++ b/web/src/pages/LocationsPage/style.scss
@@ -1,6 +1,6 @@
 #locations-page {
   .table {
-    .cell-acl-enabled {
+    .cell-with-check-icons {
       .icon[data-kind='disabled'] path {
         fill: var(--fg-critical);
       }

From 4334aef0db7a5ea3005d570ca4ae828ce2239092 Mon Sep 17 00:00:00 2001
From: Jacek Chmielewski <jacek@defguard.net>
Date: Fri, 27 Feb 2026 09:53:24 +0100
Subject: [PATCH 2/2] add minSize to locations table

---
 web/src/pages/LocationsPage/components/LocationsTable.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/pages/LocationsPage/components/LocationsTable.tsx b/web/src/pages/LocationsPage/components/LocationsTable.tsx
index 9ab95b6d40..30cc28efc4 100644
--- a/web/src/pages/LocationsPage/components/LocationsTable.tsx
+++ b/web/src/pages/LocationsPage/components/LocationsTable.tsx
@@ -160,6 +160,7 @@ export const LocationsTable = () => {
       }),
       columnHelper.accessor('service_location_mode', {
         header: 'Service location',
+        minSize: 100,
         cell: (info) => {
           switch (info.getValue()) {
             case 'disabled':
@@ -185,6 +186,7 @@ export const LocationsTable = () => {
       }),
       columnHelper.accessor('fwmark', {
         header: 'FWMark',
+        minSize: 100,
         cell: (info) => (
           <TableCell>
             <span>0x{info.getValue().toString(16)}</span>
@@ -193,6 +195,7 @@ export const LocationsTable = () => {
       }),
       columnHelper.accessor('mtu', {
         header: 'MTU',
+        minSize: 100,
         cell: (info) => (
           <TableCell>
             <span>{info.getValue()}</span>