From 8917f415cce17194666e8297118a46d5a07ce849 Mon Sep 17 00:00:00 2001
From: Daniel Valdivia <hola@danielvaldivia.com>
Date: Mon, 17 May 2021 14:16:03 -0700
Subject: [PATCH] Line Break for Tenant Details (#751)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 .../Console/DirectCSI/DirectCSIDrives.tsx     |  3 +-
 .../Tenants/TenantDetails/TenantDetails.tsx   | 48 +++++++++----------
 2 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/portal-ui/src/screens/Console/DirectCSI/DirectCSIDrives.tsx b/portal-ui/src/screens/Console/DirectCSI/DirectCSIDrives.tsx
index a3ddcec4d..3fa697d96 100644
--- a/portal-ui/src/screens/Console/DirectCSI/DirectCSIDrives.tsx
+++ b/portal-ui/src/screens/Console/DirectCSI/DirectCSIDrives.tsx
@@ -304,7 +304,8 @@ const DirectCSIMain = ({
       <Grid item xs={12}>
         {notAvailable ? (
           <div className={classes.notAvailableNotice}>
-            To manage locally attached drives you need to install direct-csi, for more information
+            To manage locally attached drives you need to install direct-csi,
+            for more information
             <br />
             please follow this
             <a
diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
index b7cb83b56..977fa9ca5 100644
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
@@ -481,31 +481,31 @@ const TenantDetails = ({
                         <td>{instances}</td>
                         <td>Volumes:</td>
                         <td>{volumes}</td>
-                        {tenant?.endpoints && (
-                          <React.Fragment>
-                            <td>Endpoint:</td>
-                            <td>
-                              <a
-                                href={tenant?.endpoints.minio}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                {tenant?.endpoints.minio}
-                              </a>
-                            </td>
-                            <td>Console:</td>
-                            <td>
-                              <a
-                                href={tenant?.endpoints.console}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                {tenant?.endpoints.console}
-                              </a>
-                            </td>
-                          </React.Fragment>
-                        )}
                       </tr>
+                      {tenant?.endpoints && (
+                        <tr>
+                          <td>Endpoint:</td>
+                          <td>
+                            <a
+                              href={tenant?.endpoints.minio}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                            >
+                              {tenant?.endpoints.minio}
+                            </a>
+                          </td>
+                          <td>Console:</td>
+                          <td>
+                            <a
+                              href={tenant?.endpoints.console}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                            >
+                              {tenant?.endpoints.console}
+                            </a>
+                          </td>
+                        </tr>
+                      )}
                       <tr>
                         <td>State:</td>
                         <td colSpan={3}>{tenant?.currentState}</td>